From 95cbcd4f6c384c13824a21199039d11f3d8e7de0 Mon Sep 17 00:00:00 2001 From: Ethanfel Date: Wed, 25 Feb 2026 00:27:38 +0100 Subject: [PATCH] Offset timeline padding to avoid floating sidebar overlap Detect whether the sidebar icon strip is in floating mode and on which side, then add matching padding so timeline markers aren't hidden behind it. Connected mode (sidebar pushes canvas) needs no offset. Co-Authored-By: Claude Opus 4.6 --- js/snapshot_manager.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/js/snapshot_manager.js b/js/snapshot_manager.js index 1ed465b..bdb4d61 100644 --- a/js/snapshot_manager.js +++ b/js/snapshot_manager.js @@ -1441,6 +1441,16 @@ function buildTimeline() { bar.appendChild(track); bar.appendChild(snapBtn); + // Offset timeline to avoid floating sidebar overlap + const leftToolbar = document.querySelector(".comfyui-body-left .side-tool-bar-container"); + const rightToolbar = document.querySelector(".comfyui-body-right .side-tool-bar-container"); + if (leftToolbar && !leftToolbar.classList.contains("connected-sidebar")) { + bar.style.paddingLeft = "calc(var(--sidebar-width, 48px) + 16px)"; + } + if (rightToolbar && !rightToolbar.classList.contains("connected-sidebar")) { + bar.style.paddingRight = "calc(var(--sidebar-width, 48px) + 16px)"; + } + canvasParent.appendChild(bar); timelineEl = bar;