Local control tweaks

Fixes #2094
- Adjust timing;
- Added hover effects for .s-notebook-entry;
This commit is contained in:
charlesh88 2018-07-03 14:33:35 -07:00
parent 95457a1981
commit 755cf21d3f
2 changed files with 3 additions and 9 deletions

View File

@ -133,19 +133,11 @@
/******************************************************** LOCAL CONTROLS */
// Controls placed in proximity to or overlaid on components and views
.local-controls-persist {
}
.local-controls-hidden {
// Used within .has-local-controls, hidden by default
}
.local-controls-flyout {
}
body.desktop .has-local-controls {
// Helper class, provides hover ability to show local controls
@ -156,7 +148,7 @@ body.desktop .has-local-controls {
}
.local-controls-hidden {
@include trans-prop-nice($props: opacity, $dur: 1000ms);
@include trans-prop-nice($props: opacity, $dur: 500ms);
opacity: 0;
pointer-events: none;
}

View File

@ -34,10 +34,12 @@
}
.s-notebook-entry {
transition: background-color 500ms ease-out;
background-color: rgba($colorBodyFg, 0.1);
border-radius: $basicCr;
&:hover {
transition: background-color 50ms ease-in;
background-color: rgba($colorBodyFg, 0.2);
}