From 4cb3a74dfbd1942e3ed7117472d117ce89e34b90 Mon Sep 17 00:00:00 2001 From: th Date: Mon, 20 Apr 2026 22:18:22 +0200 Subject: [PATCH] style: selected marker turns orange Bold label + ring alone weren't enough to distinguish a selected marker from the default red flags. The .selected rule now overrides --marker-color to #f59e0b (amber) with !important so per-marker color overrides also yield to selection. Co-Authored-By: Claude Opus 4.7 (1M context) --- src/components/Timeline.vue | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/src/components/Timeline.vue b/src/components/Timeline.vue index 7ece975..9a96e7c 100644 --- a/src/components/Timeline.vue +++ b/src/components/Timeline.vue @@ -2930,7 +2930,16 @@ onBeforeUnmount(() => { text-overflow: ellipsis; } -.timeline-marker:hover .timeline-marker-flag, +.timeline-marker:hover .timeline-marker-flag { + box-shadow: 0 0 0 1.5px var(--range-hover); +} + +/* Selected marker: override to orange (incl. per-marker color overrides) + so the selection is obvious against the default red. */ +.timeline-marker.selected { + --marker-color: #f59e0b !important; +} + .timeline-marker.selected .timeline-marker-flag { box-shadow: 0 0 0 1.5px var(--range-hover); }