Skip to content

Commit 65bf38d

Browse files
committed
[Frontend] Add grab affordance styling on hover
Fixes nasa#1415 WIP
1 parent 3ae0fd7 commit 65bf38d

File tree

1 file changed

+21
-0
lines changed

1 file changed

+21
-0
lines changed

platform/features/conductor/core/res/sass/_time-conductor-base.scss

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -346,7 +346,28 @@
346346
content: $i;
347347
}
348348
.l-axis-holder {
349+
$grabTicksH: 8px;
350+
$grabTicksXSpace: 3px;
351+
$grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
349352
@include cursorGrab();
353+
&:hover {
354+
$c0: rgba($colorBodyFg, 0.05);
355+
$c2: transparent; // Bg
356+
@include background-image(linear-gradient(
357+
$c0 70%, $c2 100%
358+
));
359+
svg {
360+
$c1: rgba($colorBodyFg, 0.15); // Line
361+
$angle: 90deg;
362+
@include background-image(linear-gradient($angle,
363+
$c1 1px, $c2 1px,
364+
$c2 100%
365+
));
366+
background-position: center $grabTicksYOffset;
367+
background-repeat: repeat-x;
368+
background-size: $grabTicksXSpace $grabTicksH;
369+
}
370+
}
350371
}
351372
}
352373

0 commit comments

Comments
 (0)