Skip to content

Commit

Permalink
Adjustable Time Strip view: usability tweaks
Browse files Browse the repository at this point in the history
- 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.
  • Loading branch information
charlesh88 committed Mar 11, 2025
1 parent 7bba700 commit a238a29
Show file tree
Hide file tree
Showing 3 changed files with 2 additions and 5 deletions.
2 changes: 0 additions & 2 deletions src/plugins/events/components/events-view.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down Expand Up @@ -80,7 +79,6 @@
.c-timeline__event-line--extended {
@include abs();
width: $eventLineW;
opacity: 0.4;

&.--hilite {
opacity: 0.8;
Expand Down
2 changes: 1 addition & 1 deletion src/plugins/timeline/timeline.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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
Expand Down
3 changes: 1 addition & 2 deletions src/ui/components/timesystem-axis.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit a238a29

Please sign in to comment.