ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-15 06:53:23 +00:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Fix Safari display issues #3192

Browse Source 
- Tweak to Status area indicator hover bubbles;
This commit is contained in:
charlesh88 2020-07-14 21:51:22 -07:00
parent 73b81e38e7
commit baa7c0bc58
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/ui/layout/status-bar/indicators.scss
View File

@ -78,21 +78,21 @@
.c-indicator:not(.no-minify) { .c-indicator:not(.no-minify) {
border: 1px solid transparent; // Hack to make minified sizing work in Safari. Have no idea why this works. border: 1px solid transparent; // Hack to make minified sizing work in Safari. Have no idea why this works.
overflow: visible; overflow: visible;
transition: all; transition: transform;
@include hover() { @include hover() {
background: $colorIndicatorBgHov; background: $colorIndicatorBgHov;
transition: all 250ms ease-in 200ms; transition: transform 250ms ease-in 200ms; // Go-away transition
.c-indicator__label { .c-indicator__label {
box-shadow: $colorIndicatorMenuBgShdw; box-shadow: $colorIndicatorMenuBgShdw;
transform: scale(1.0); transform: scale(1.0);
overflow: visible; overflow: visible;
//transition: all 100ms ease-out 100ms; transition: transform 100ms ease-out 100ms; // Appear transition
} }
} }
.c-indicator__label { .c-indicator__label {
transition: all 250ms ease-in 200ms; transition: transform 250ms ease-in 200ms; // Go-away transition
background: $colorIndicatorMenuBg; background: $colorIndicatorMenuBg;
color: $colorIndicatorMenuFg; color: $colorIndicatorMenuFg;
border-radius: $controlCr; border-radius: $controlCr;