rope/guildhall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Swipe to open and close the menu on phones

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-18 14:42:35 +01:00
parent 1dcf2707f3
commit 138a4e5d77
2 changed files with 72 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
static/styles.css
View file

@ -17,7 +17,7 @@
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
html, body { margin: 0; height: 100%; overscroll-behavior-x: none; }
body {
background: var(--bg);
color: var(--text);
@ -305,7 +305,7 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
padding-bottom: calc(24px + env(safe-area-inset-bottom));
}
#app.open #side { transform: none; box-shadow: 0 0 40px rgba(0, 0, 0, .5); }
#app.open #scrim { display: block; position: fixed; inset: 0; z-index: 15; background: rgba(0, 0, 0, .5); }
#app.open #scrim, #app.dragging #scrim { display: block; position: fixed; inset: 0; z-index: 15; background: rgba(0, 0, 0, .5); }
html.menu-open, html.menu-open body { overflow: hidden; }
.menu-btn { display: block; }
#top { padding: 8px max(16px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left)); flex-wrap: wrap; gap: 8px; }