Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 03:22:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

immerse bars only if not sliding

Browse source
This commit is contained in:
nklhrstv 2020-03-13 16:25:04 +02:00
parent 32164b6708
commit 23fe0ac5df
1 changed files with 15 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/routes/Player/styles.less
View file

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