From a238a295943d913dfede8872726961a1a5f25dd1 Mon Sep 17 00:00:00 2001 From: Charles Hacskaylo Date: Mon, 10 Mar 2025 17:00:01 -0700 Subject: [PATCH] Adjustable Time Strip view: usability tweaks - Reduced opacity of extended event lines and the Marcus-Baines line to not obfuscate telemetry and other data displayed in the Time Strip. - Removed commented CSS code. --- src/plugins/events/components/events-view.scss | 2 -- src/plugins/timeline/timeline.scss | 2 +- src/ui/components/timesystem-axis.scss | 3 +-- 3 files changed, 2 insertions(+), 5 deletions(-) diff --git a/src/plugins/events/components/events-view.scss b/src/plugins/events/components/events-view.scss index c43be9b333..37a02e1d37 100644 --- a/src/plugins/events/components/events-view.scss +++ b/src/plugins/events/components/events-view.scss @@ -20,7 +20,6 @@ &__container { // Holds event lines background-color: $colorPlotBg; - //box-shadow: inset $colorPlotAreaBorder 0 0 0 1px; // Using box-shadow instead of border to not affect box size position: absolute; top: $m; right: 0; bottom: $m; left: 0; } @@ -80,7 +79,6 @@ .c-timeline__event-line--extended { @include abs(); width: $eventLineW; - opacity: 0.4; &.--hilite { opacity: 0.8; diff --git a/src/plugins/timeline/timeline.scss b/src/plugins/timeline/timeline.scss index 35a2ba2762..dc81b19676 100644 --- a/src/plugins/timeline/timeline.scss +++ b/src/plugins/timeline/timeline.scss @@ -46,8 +46,8 @@ } &__overlay-lines { - //background: rgba(deeppink, 0.2); @include abs(); + opacity: 0.5; top: 20px; // Offset down to line up with time axis ticks line pointer-events: none; // Allows clicks to pass through z-index: 10; // Ensure it sits atop swimlanes diff --git a/src/ui/components/timesystem-axis.scss b/src/ui/components/timesystem-axis.scss index 38e568ccc7..3083b39b61 100644 --- a/src/ui/components/timesystem-axis.scss +++ b/src/ui/components/timesystem-axis.scss @@ -32,11 +32,10 @@ $c: $colorTimeRealtimeBtnBgMajor; $w: 13px; $wHalf: math.floor(math.div($w, 2)); - //$h: 5px; - //$hHalf: math.floor(math.div($h, 2)); $transform: translateX(($wHalf - 1) * -1); border-right: 2px dashed $c; + opacity: 0.5; pointer-events: none; width: 1px; position: absolute;