pelmen/baton
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: lock viewport height to prevent topbar scroll-off

Browse source 
Body fixed to 100dvh with overflow:hidden. SOS button capped at
min(60vmin, 70vw, 300px) to fit within viewport alongside topbar.
Bump SW cache to v3.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Gros Frumos 2026-03-21 16:25:21 +02:00
parent 5da2a9a708
commit 6e2503dc3f
2 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/style.css
View file

@ -28,14 +28,14 @@ html, body {
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
overscroll-behavior: none; overscroll-behavior: none;
user-select: none; user-select: none;
overflow: hidden;
} }
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; height: 100vh;
/* Use dynamic viewport height on mobile to account for browser chrome */ height: 100dvh;
min-height: 100dvh;
} }
/* ===== Private mode banner (decision #1041) ===== */ /* ===== Private mode banner (decision #1041) ===== */
@ -148,10 +148,8 @@ body {
/* ===== SOS button (min 60vmin × 60vmin per UX spec) ===== */ /* ===== SOS button (min 60vmin × 60vmin per UX spec) ===== */
.btn-sos { .btn-sos {
width: 60vmin; width: min(60vmin, 70vw, 300px);
height: 60vmin; height: min(60vmin, 70vw, 300px);
min-width: 180px;
min-height: 180px;
border-radius: 50%; border-radius: 50%;
border: none; border: none;
background: var(--sos); background: var(--sos);

2
frontend/sw.js
View file

@ -1,6 +1,6 @@
'use strict'; 'use strict';
const CACHE_NAME = 'baton-v2'; const CACHE_NAME = 'baton-v3';
// App shell assets to precache // App shell assets to precache
const APP_SHELL = [ const APP_SHELL = [