mirror of
https://github.com/Stremio/stremio-web.git
synced 2026-05-13 14:20:44 +00:00
Merge pull request #1263 from Stremio/player/improve-pwa-safe-area-styles
Some checks are pending
Build / build (push) Waiting to run
Some checks are pending
Build / build (push) Waiting to run
Player: Correctly respect PWA safe areas
This commit is contained in:
commit
0003a7b8c9
1 changed files with 5 additions and 1 deletions
|
|
@ -55,6 +55,8 @@ html:not(.active-slider-within) {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.nav-bar-layer {
|
&.nav-bar-layer {
|
||||||
|
left: var(--safe-area-inset-left);
|
||||||
|
right: var(--safe-area-inset-right);
|
||||||
bottom: initial;
|
bottom: initial;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
|
|
@ -95,9 +97,11 @@ html:not(.active-slider-within) {
|
||||||
}
|
}
|
||||||
|
|
||||||
&.control-bar-layer {
|
&.control-bar-layer {
|
||||||
|
left: var(--safe-area-inset-left);
|
||||||
|
right: var(--safe-area-inset-right);
|
||||||
top: initial;
|
top: initial;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: calc(0.5rem + var(--safe-area-inset-bottom));
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue