Make top arrow reach top edge of timeline bar

Fork group fills full timeline height with space-between layout.
Arrow buttons flex to fill remaining space so both arrow tips reach
their respective edges of the timeline bar.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-26 12:26:51 +01:00
parent 54387c2df4
commit e1a48a2456

View File

@@ -2077,7 +2077,9 @@ const CSS = `
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-between;
flex-shrink: 0; flex-shrink: 0;
height: 100%;
} }
.snap-timeline-branch-btn { .snap-timeline-branch-btn {
background: none; background: none;
@@ -2092,15 +2094,12 @@ const CSS = `
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 18px; width: 18px;
height: 8px; flex: 1;
border-radius: 2px; border-radius: 2px;
flex-shrink: 0; flex-shrink: 0;
opacity: 0.7; opacity: 0.7;
transition: opacity 0.1s, background 0.1s; transition: opacity 0.1s, background 0.1s;
} }
.snap-timeline-branch-btn:first-child {
margin-bottom: -3px;
}
.snap-timeline-branch-btn:hover { .snap-timeline-branch-btn:hover {
opacity: 1; opacity: 1;
background: rgba(59, 130, 246, 0.2); background: rgba(59, 130, 246, 0.2);