ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-21 09:52:04 +00:00
Code Issues Actions 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) {
border: 1px solid transparent; // Hack to make minified sizing work in Safari. Have no idea why this works.
overflow: visible;
transition: all;
transition: transform;
@include hover() {
background: $colorIndicatorBgHov;
transition: all 250ms ease-in 200ms;
transition: transform 250ms ease-in 200ms; // Go-away transition
.c-indicator__label {
box-shadow: $colorIndicatorMenuBgShdw;
transform: scale(1.0);
overflow: visible;
//transition: all 100ms ease-out 100ms;
transition: transform 100ms ease-out 100ms; // Appear transition
}
}
.c-indicator__label {
transition: all 250ms ease-in 200ms;
transition: transform 250ms ease-in 200ms; // Go-away transition
background: $colorIndicatorMenuBg;
color: $colorIndicatorMenuFg;
border-radius: $controlCr;