Fix vertical scroll on mobile
This commit is contained in:
parent
c7419a44d5
commit
6c816bab94
1 changed files with 13 additions and 3 deletions
|
|
@ -1,7 +1,9 @@
|
|||
html {
|
||||
-webkit-text-size-adjust: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow-x: hidden !important;
|
||||
overflow-x: clip !important;
|
||||
overflow-y: visible !important;
|
||||
height: auto !important;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
|
|
@ -10,7 +12,8 @@ html {
|
|||
|
||||
body {
|
||||
font-size: 15px;
|
||||
overflow-x: hidden;
|
||||
overflow-x: clip !important;
|
||||
overflow-y: visible !important;
|
||||
max-width: 100vw;
|
||||
}
|
||||
|
||||
|
|
@ -953,7 +956,7 @@ a.create-button {
|
|||
display: flex !important; align-items: center !important; justify-content: center !important;
|
||||
}
|
||||
|
||||
body { padding-bottom: 64px !important; }
|
||||
body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important; }
|
||||
|
||||
.oasis-mobile-topbar {
|
||||
display: flex !important;
|
||||
|
|
@ -1105,6 +1108,13 @@ a, button, label, .tap, .oasis-menu-btn, .bb-item, .oasis-nav-header, .oasis-nav
|
|||
}
|
||||
body { overscroll-behavior: none !important; }
|
||||
|
||||
.main-content, .main-column, .header,
|
||||
.sidebar-left, .sidebar-right { overflow: visible !important; }
|
||||
|
||||
.sidebar-left, .sidebar-right { display: none !important; }
|
||||
#nav-left-toggle:checked ~ .main-content .sidebar-left { display: block !important; }
|
||||
#nav-right-toggle:checked ~ .main-content .sidebar-right { display: block !important; }
|
||||
|
||||
.header .top-bar-left nav,
|
||||
.header .top-bar-right nav { display: none !important; }
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue