Skip to content

Commit 784114e

Browse files
committed
[Frontend] Add grab affordance grippys
Fixes nasa#1415
1 parent d1e7e78 commit 784114e

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

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

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -346,27 +346,27 @@
346346
content: $i;
347347
}
348348
.l-axis-holder {
349-
$grabTicksH: 8px;
350-
$grabTicksXSpace: 3px;
351-
$grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
349+
$c0: rgba($colorBodyFg, 0.1);
350+
$c2: transparent;
351+
$grabTicksH: 3px;
352+
$grabTicksXSpace: 4px;
353+
$grabTicksYOffset: 0;
352354
@include cursorGrab();
355+
svg {
356+
$c1: rgba($colorBodyFg, 0.2);
357+
$angle: 90deg;
358+
@include background-image(linear-gradient($angle,
359+
$c1 1px, $c2 1px,
360+
$c2 100%
361+
));
362+
background-position: center $grabTicksYOffset;
363+
background-repeat: repeat-x;
364+
background-size: $grabTicksXSpace $grabTicksH;
365+
}
353366
&:hover {
354-
$c0: rgba($colorBodyFg, 0.1);
355-
$c2: transparent; // Bg
356367
@include background-image(linear-gradient(
357368
$c0 70%, $c2 100%
358369
));
359-
svg {
360-
$c1: rgba($colorBodyFg, 0.2); // 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-
}
370370
}
371371
}
372372
}

0 commit comments

Comments
 (0)