ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-19 11:17:04 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Fix Safari display issues #3192

Browse Source 
- Fix collapsed Status area indicators width problem;
This commit is contained in:
charlesh88 2020-07-14 19:22:18 -07:00
parent 8b088b7a2c
commit 73b81e38e7
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -76,16 +76,19 @@
[class*='minify-indicators'] { [class*='minify-indicators'] {
// All styles for minified Indicators should go in here // All styles for minified Indicators should go in here
.c-indicator:not(.no-minify) { .c-indicator:not(.no-minify) {
overflow: hidden; // Solves width problem in Safari as well as collapsing bubbles problem border: 1px solid transparent; // Hack to make minified sizing work in Safari. Have no idea why this works.
overflow: visible;
transition: all;
@include hover() { @include hover() {
background: $colorIndicatorBgHov; background: $colorIndicatorBgHov;
overflow: visible; transition: all 250ms ease-in 200ms;
.c-indicator__label { .c-indicator__label {
box-shadow: $colorIndicatorMenuBgShdw; box-shadow: $colorIndicatorMenuBgShdw;
transform: scale(1.0); transform: scale(1.0);
transition: all 100ms ease-out 100ms; overflow: visible;
//transition: all 100ms ease-out 100ms;
} }
} }
.c-indicator__label { .c-indicator__label {
@ -99,7 +102,7 @@
position: absolute; position: absolute;
transform-origin: 90% 0; transform-origin: 90% 0;
transform: scale(0.0); transform: scale(0.0);
overflow: visible; overflow: hidden;
z-index: 50; z-index: 50;
&:before { &:before {