Fix viewport + scroll bugs on Mobile Safari

This commit is contained in:
Lim Chee Aun 2022-12-11 08:01:53 +08:00
parent 5aa9649935
commit 4c907c355f

View file

@ -32,7 +32,9 @@ a.hashtag {
.deck-container { .deck-container {
width: 100%; width: 100%;
height: 100vh; height: 100vh;
height: 100dvh;
overflow: auto; overflow: auto;
overflow-x: hidden;
transition: opacity .1s ease-in-out; transition: opacity .1s ease-in-out;
} }
.deck-container[hidden] { .deck-container[hidden] {
@ -60,6 +62,7 @@ a.hashtag {
} }
.deck.contained { .deck.contained {
overflow: auto; overflow: auto;
overflow-x: hidden;
height: 100vh; height: 100vh;
} }
@ -416,6 +419,7 @@ button.carousel-dot.active {
align-self: flex-end; align-self: flex-end;
max-height: 90vh; max-height: 90vh;
overflow: auto; overflow: auto;
overflow-x: hidden;
background-color: var(--bg-color); background-color: var(--bg-color);
width: 100%; width: 100%;
max-width: calc(40em - 50px - 16px); max-width: calc(40em - 50px - 16px);