Simplify timeline fork display: remove badge, tighten arrows
Remove the fork count badge from timeline markers and the wrapper div. Reduce arrow button height and remove extra spacing so the up arrow sits flush against the marker. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
d0057db397
commit
284f4e9538
1 file changed
+3
-35
+3
-35
@@ -2065,7 +2065,6 @@ const CSS = `
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
gap: 0;
|
|
||||||
}
|
}
|
||||||
.snap-timeline-branch-btn {
|
.snap-timeline-branch-btn {
|
||||||
background: none;
|
background: none;
|
||||||
@@ -2074,12 +2073,13 @@ const CSS = `
|
|||||||
font-size: 8px;
|
font-size: 8px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
width: 18px;
|
width: 18px;
|
||||||
height: 10px;
|
height: 8px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
opacity: 0.7;
|
opacity: 0.7;
|
||||||
@@ -2089,29 +2089,6 @@ const CSS = `
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
background: rgba(59, 130, 246, 0.2);
|
background: rgba(59, 130, 246, 0.2);
|
||||||
}
|
}
|
||||||
.snap-timeline-fork-marker-wrap {
|
|
||||||
position: relative;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
.snap-timeline-fork-badge {
|
|
||||||
position: absolute;
|
|
||||||
top: -4px;
|
|
||||||
right: -6px;
|
|
||||||
font-size: 7px;
|
|
||||||
font-weight: 700;
|
|
||||||
color: #fff;
|
|
||||||
background: #3b82f6;
|
|
||||||
border-radius: 6px;
|
|
||||||
min-width: 12px;
|
|
||||||
height: 12px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
line-height: 1;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.snap-diff-overlay {
|
.snap-diff-overlay {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
@@ -3538,17 +3515,8 @@ function buildTimeline() {
|
|||||||
if (sidebarRefresh) sidebarRefresh().catch(() => {});
|
if (sidebarRefresh) sidebarRefresh().catch(() => {});
|
||||||
});
|
});
|
||||||
|
|
||||||
// Marker with fork count badge
|
|
||||||
const markerWrap = document.createElement("div");
|
|
||||||
markerWrap.className = "snap-timeline-fork-marker-wrap";
|
|
||||||
const badge = document.createElement("span");
|
|
||||||
badge.className = "snap-timeline-fork-badge";
|
|
||||||
badge.textContent = `${children.length}`;
|
|
||||||
markerWrap.appendChild(marker);
|
|
||||||
markerWrap.appendChild(badge);
|
|
||||||
|
|
||||||
group.appendChild(upBtn);
|
group.appendChild(upBtn);
|
||||||
group.appendChild(markerWrap);
|
group.appendChild(marker);
|
||||||
group.appendChild(downBtn);
|
group.appendChild(downBtn);
|
||||||
track.appendChild(group);
|
track.appendChild(group);
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
Reference in new issue
Block a user