Ethanfel/Comfyui-Workflow-Snapshot-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Color timeline branch arrows to match their marker

Browse Source 
Arrows inherit the marker's --snap-marker-color so they match the
node color (blue for regular, purple for node snapshots, green for
current, etc).

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ethanfel
2026-02-26 12:31:30 +01:00
parent e1a48a2456
commit f93441b187
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
js/snapshot_manager.js
View File

@@ -3530,10 +3530,14 @@ function buildTimeline() {
const group = document.createElement("div"); const group = document.createElement("div");
group.className = "snap-timeline-fork-group"; group.className = "snap-timeline-fork-group";
// Arrow color matches the marker
const arrowColor = marker.style.getPropertyValue("--snap-marker-color") || "#3b82f6";
// Up arrow (previous branch) // Up arrow (previous branch)
const upBtn = document.createElement("button"); const upBtn = document.createElement("button");
upBtn.className = "snap-timeline-branch-btn"; upBtn.className = "snap-timeline-branch-btn";
upBtn.textContent = "\u25B2"; upBtn.textContent = "\u25B2";
upBtn.style.color = arrowColor;
upBtn.title = `Branch ${selectedIndex}/${children.length}`; upBtn.title = `Branch ${selectedIndex}/${children.length}`;
if (selectedIndex <= 0) upBtn.style.visibility = "hidden"; if (selectedIndex <= 0) upBtn.style.visibility = "hidden";
upBtn.addEventListener("click", (e) => { upBtn.addEventListener("click", (e) => {
@@ -3547,6 +3551,7 @@ function buildTimeline() {
const downBtn = document.createElement("button"); const downBtn = document.createElement("button");
downBtn.className = "snap-timeline-branch-btn"; downBtn.className = "snap-timeline-branch-btn";
downBtn.textContent = "\u25BC"; downBtn.textContent = "\u25BC";
downBtn.style.color = arrowColor;
downBtn.title = `Branch ${selectedIndex + 2}/${children.length}`; downBtn.title = `Branch ${selectedIndex + 2}/${children.length}`;
if (selectedIndex >= children.length - 1) downBtn.style.visibility = "hidden"; if (selectedIndex >= children.length - 1) downBtn.style.visibility = "hidden";
downBtn.addEventListener("click", (e) => { downBtn.addEventListener("click", (e) => {