immerse bars only if not sliding

This commit is contained in:
nklhrstv 2020-03-13 16:25:04 +02:00
parent 32164b6708
commit 23fe0ac5df

View file

@ -1,11 +1,26 @@
@import (reference) '~stremio-colors/dist/less/stremio-colors.less';
:import('~stremio/common/Slider/styles.less') {
active-slider-within: active-slider-within;
}
:import('~stremio/common/NavBar/HorizontalNavBar/styles.less') {
nav-bar-button-container: button-container;
nav-bar-title: title;
nav-bar-icon: icon;
}
html:not(.active-slider-within) {
.player-container.immersed {
cursor: none;
.nav-bar-layer, .control-bar-layer, .menu-layer {
opacity: 0;
transition: opacity 200ms;
}
}
}
.player-container {
position: relative;
z-index: 0;
@ -13,15 +28,6 @@
height: 100%;
background-color: @color-background-dark2;
&.immersed {
cursor: none;
.nav-bar-layer, .control-bar-layer, .menu-layer {
opacity: 0;
transition: opacity 200ms;
}
}
.layer {
position: absolute;
top: 0;