diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index 4176cc51c..773b95edb 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -717,6 +717,11 @@ progress { #nowPlayingBar .highPosition { z-index: 99999; position: relative; + opacity: 0.5; + } + + #nowPlayingBar .highPosition:hover:not(.barBackground ) { + opacity: 0.9; } #nowPlayingBar .barBackground { @@ -728,8 +733,9 @@ progress { height: 100%; } - #nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer) { + #nowPlayingBar > *:not(#mediaElement):not(.mediaFlyoutContainer):not(.barBackground ) { margin: 0 1em; + position: relative; } .nowPlayingBarImage { @@ -791,10 +797,10 @@ progress { .fullscreenVideo { position: fixed; - top: 0; - bottom: 0; - right: 0; - left: 0; + top: 0 !important; + bottom: 0 !important; + right: 0 !important; + left: 0 !important; width: 100%; height: 100%; border: 0; @@ -813,6 +819,7 @@ progress { position: relative; top: -10px; width: 50px; + cursor: pointer; } @media screen and (-webkit-min-device-pixel-ratio:0) {