mirror of
https://github.com/cheeaun/phanpy.git
synced 2025-01-28 03:53:29 +03:00
Fix viewport + scroll bugs on Mobile Safari
This commit is contained in:
parent
5aa9649935
commit
4c907c355f
1 changed files with 4 additions and 0 deletions
|
@ -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);
|
||||||
|
|
Loading…
Add table
Reference in a new issue