diff --git a/website/canvas.html b/website/canvas.html index 5a2d511..3b1706a 100644 --- a/website/canvas.html +++ b/website/canvas.html @@ -117,7 +117,7 @@ #toolbar-panel { position: fixed; top: 108px; - left: calc(68px + 12px + 8px); + /* left is set dynamically by openToolbarPanel() */ min-width: 180px; max-height: calc(100vh - 130px); background: white; @@ -2744,6 +2744,12 @@ toolbarEl.querySelectorAll(".toolbar-group").forEach(g => g.classList.remove("open")); group.classList.add("open"); activeToolbarGroup = group; + + // Position panel to the right of toolbar (no overlap) — desktop only + if (window.innerWidth > 768) { + const toolbarRect = toolbarEl.getBoundingClientRect(); + toolbarPanel.style.left = (toolbarRect.right + 8) + "px"; + } toolbarPanel.classList.add("panel-open"); }