ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-10 03:11:39 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Add grab affordance grippys

Browse Source 
Fixes #1415
This commit is contained in:
Charles Hacskaylo 2017-01-27 14:07:36 -08:00
parent d1e7e7894e
commit 784114e256
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -346,18 +346,14 @@
content: $i; content: $i;
} }
.l-axis-holder { .l-axis-holder {
$grabTicksH: 8px;
$grabTicksXSpace: 3px;
$grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
@include cursorGrab();
&:hover {
$c0: rgba($colorBodyFg, 0.1); $c0: rgba($colorBodyFg, 0.1);
$c2: transparent; // Bg $c2: transparent;
@include background-image(linear-gradient( $grabTicksH: 3px;
$c0 70%, $c2 100% $grabTicksXSpace: 4px;
)); $grabTicksYOffset: 0;
@include cursorGrab();
svg { svg {
$c1: rgba($colorBodyFg, 0.2); // Line $c1: rgba($colorBodyFg, 0.2);
$angle: 90deg; $angle: 90deg;
@include background-image(linear-gradient($angle, @include background-image(linear-gradient($angle,
$c1 1px, $c2 1px, $c1 1px, $c2 1px,
@ -367,6 +363,10 @@
background-repeat: repeat-x; background-repeat: repeat-x;
background-size: $grabTicksXSpace $grabTicksH; background-size: $grabTicksXSpace $grabTicksH;
} }
&:hover {
@include background-image(linear-gradient(
$c0 70%, $c2 100%
));
} }
} }
} }