Skip to content

Commit 4cb1161

Browse files
Enter-tainerOpenclaw
andcommitted
fix: replace position: sticky with absolute for capture range label
The .timeline-capture-move span uses position: sticky; left: 50% to keep the time range label (e.g. "24h", "48h") visible. However, sticky for horizontal scroll doesn't work reliably here because the span is deeply nested inside multiple position: absolute parents (.timeline-capture-overlay -> .timeline-capture-selection -> .timeline-capture-move). The horizontal sticky behavior never kicks in, so the label scrolls with the content and can drift off-screen to the left when the user scrolls right to capture a later part of the timeline. Fix: use position: absolute; left: 50%; top: 15px; transform: translateX(-50%) instead. This centers the label within the selection box itself. Since the selection box scrolls normally with the content, the label stays centered within the selection at all scroll positions in both directions. Co-authored-by: Openclaw <openclaw@local>
1 parent d7e412d commit 4cb1161

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/components/Dashboard.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -571,7 +571,7 @@
571571
}
572572

573573
.timeline-capture-move span {
574-
position: sticky;
574+
position: absolute;
575575
top: 15px;
576576
left: 50%;
577577
display: inline-flex;

0 commit comments

Comments
 (0)