mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-04-06 17:51:24 +00:00
immerse bars only if not sliding
This commit is contained in:
parent
32164b6708
commit
23fe0ac5df
1 changed files with 15 additions and 9 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue