ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-20 09:26:45 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

[Frontend] Add grab affordance styling on hover

Browse Source 
Fixes #1415
WIP
This commit is contained in:
Charles Hacskaylo 2017-01-27 11:16:06 -08:00
parent 3ae0fd7bc9
commit 65bf38d5e6
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -346,7 +346,28 @@
content: $i;
}
.l-axis-holder {
$grabTicksH: 8px;
$grabTicksXSpace: 3px;
$grabTicksYOffset: (($r1H - $grabTicksH) / 2) - 2px;
@include cursorGrab();
&:hover {
$c0: rgba($colorBodyFg, 0.05);
$c2: transparent; // Bg
@include background-image(linear-gradient(
$c0 70%, $c2 100%
));
svg {
$c1: rgba($colorBodyFg, 0.15); // 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;
}
}
}
}