alee/golfgame
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix mobile scroll on rules screen

Browse Source 
overflow:hidden on body.mobile-portrait was blocking scroll on all
screens. Scope it to only when the game screen is active using :has().

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
adlee-was-taken 2026-02-22 21:18:18 -05:00
parent 21985b7e9b
commit bd41afbca8
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/style.css
View File

@ -5002,14 +5002,21 @@ body.screen-shake {
} }
body.mobile-portrait { body.mobile-portrait {
height: var(--app-height, 100vh);
overflow: hidden;
overscroll-behavior: contain; overscroll-behavior: contain;
touch-action: manipulation; touch-action: manipulation;
} }
body.mobile-portrait #app { body.mobile-portrait #app {
padding: 0; padding: 0;
}
/* Lock viewport only when game screen is active (allow scrolling on rules, lobby, etc.) */
body.mobile-portrait:has(#game-screen.active) {
height: var(--app-height, 100vh);
overflow: hidden;
}
body.mobile-portrait:has(#game-screen.active) #app {
height: var(--app-height, 100vh); height: var(--app-height, 100vh);
overflow: hidden; overflow: hidden;
} }