ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-19 05:07:52 +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

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

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