hacklab/OASIS_MOBILE
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix vertical scroll on mobile

Browse source
This commit is contained in:
s1to 2026-07-11 15:09:23 +02:00
parent c7419a44d5
commit 6c816bab94
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/client/assets/styles/mobile.css
View file

@ -1,7 +1,9 @@
html { html {
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
box-sizing: border-box; box-sizing: border-box;
overflow-x: hidden !important; overflow-x: clip !important;
overflow-y: visible !important;
height: auto !important;
} }
*, *::before, *::after { *, *::before, *::after {
@ -10,7 +12,8 @@ html {
body { body {
font-size: 15px; font-size: 15px;
overflow-x: hidden; overflow-x: clip !important;
overflow-y: visible !important;
max-width: 100vw; max-width: 100vw;
} }
@ -953,7 +956,7 @@ a.create-button {
display: flex !important; align-items: center !important; justify-content: center !important; 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 { .oasis-mobile-topbar {
display: flex !important; 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; } 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-left nav,
.header .top-bar-right nav { display: none !important; } .header .top-bar-right nav { display: none !important; }