joachim/openwebrx-clone
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

apply z-index layering to status bars to make them render correctly

Browse Source
This commit is contained in:
Jakob Ketterl 2021-02-15 18:00:46 +01:00
parent 28b1abfa40
commit b2d4046d8a
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
htdocs/css/openwebrx.css
View File

@ -552,6 +552,7 @@ img.openwebrx-mirror-img
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
overflow: hidden; overflow: hidden;
z-index: 1
} }
.openwebrx-progressbar-bar { .openwebrx-progressbar-bar {
@ -564,6 +565,7 @@ img.openwebrx-mirror-img
transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;
transform: translate(-100%) translateZ(0); transform: translate(-100%) translateZ(0);
will-change: transform, background-color; will-change: transform, background-color;
z-index: 0;
} }
.openwebrx-progressbar--over .openwebrx-progressbar-bar { .openwebrx-progressbar--over .openwebrx-progressbar-bar {
@ -577,7 +579,7 @@ img.openwebrx-mirror-img
top:50%; top:50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
white-space: nowrap; white-space: nowrap;
z-index: 1; z-index: 2;
} }
#openwebrx-panel-status #openwebrx-panel-status