feat: panneaux fixes — tuile info top-right + preview pleine hauteur droite

2026-05-30 07:52:01 -04:00
parent a88be85623
commit de9f4b0bb5
2 changed files with 72 additions and 59 deletions
@@ -724,7 +724,12 @@
      </div>
      <div class="editor-body" style="flex:1;overflow:hidden;position:relative;padding:0">
        <canvas id="graph-canvas" style="width:100%;height:100%;cursor:grab"></canvas>
-        <div id="graph-tooltip" style="display:none;position:absolute;pointer-events:none;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 10px;font-size:0.75rem;color:var(--text-primary);max-width:250px;z-index:10;box-shadow:0 2px 8px rgba(0,0,0,0.3)"></div>
+        <!-- Info panel: top-right, shows on hover -->
+        <div id="graph-info-panel" style="display:none;position:absolute;top:10px;right:10px;max-width:320px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:12px 14px;font-size:0.78rem;color:var(--text-primary);z-index:10;box-shadow:0 4px 16px rgba(0,0,0,0.4);pointer-events:none">
+        </div>
+        <!-- Preview panel: right sidebar, full height, shows on Ctrl+hover -->
+        <div id="graph-preview-panel" style="display:none;position:absolute;top:0;right:0;width:380px;height:100%;background:var(--bg-primary);border-left:1px solid var(--border-color);z-index:9;overflow-y:auto;padding:16px;font-size:0.8rem;color:var(--text-primary);box-shadow:-4px 0 16px rgba(0,0,0,0.3)">
+        </div>
        <!-- Status bar + legend -->
        <div style="position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background:var(--bg-primary);border-top:1px solid var(--border-color);font-size:0.7rem;color:var(--text-muted)">
          <span id="graph-status">—</span>