Fix mobile scroll container to restore browser URL bar collapse
This commit is contained in:
parent
888703f18b
commit
91ecca534b
1 changed files with 16 additions and 2 deletions
18
styles.css
18
styles.css
|
|
@ -5432,6 +5432,18 @@ img[src=''] {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
height: auto;
|
||||||
|
min-height: 100%;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
position: static;
|
||||||
|
}
|
||||||
|
|
||||||
.player-controls .progress-container {
|
.player-controls .progress-container {
|
||||||
order: -1;
|
order: -1;
|
||||||
max-width: none;
|
max-width: none;
|
||||||
|
|
@ -5467,13 +5479,15 @@ img[src=''] {
|
||||||
'header' auto
|
'header' auto
|
||||||
'main' 1fr
|
'main' 1fr
|
||||||
'player' auto / 1fr;
|
'player' auto / 1fr;
|
||||||
height: 100vh;
|
height: auto;
|
||||||
height: 100dvh;
|
min-height: 100vh;
|
||||||
|
min-height: 100dvh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
padding: var(--spacing-md);
|
padding: var(--spacing-md);
|
||||||
grid-area: main;
|
grid-area: main;
|
||||||
|
overflow-y: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-header {
|
.main-header {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue