Honor Request Desktop Website on mobile browsers

This commit is contained in:
Fisto
2026-09-22 13:49:58 +02:00
parent 938fdafcaf
commit 0002281c07
2 changed files with 35 additions and 0 deletions
+8
View File
@@ -40,6 +40,14 @@ mobile draft at 390px.
- [x] C11 preview caching: Discord-hosted image/GIF previews (WebP 320px, hash-addressed, 5 MiB
cap, one attempt) run after every walk in both modes. Live run `...-20260916090722`:
`previewed: 2`; thumbs served over `/api/media/<scrape>/<item>/thumb` (200).
- [x] C80 Request Desktop Website is honored. The layout was already width-driven, so browsers
that widen the viewport for desktop mode (Safari, Chrome) got the desktop layout. Browsers
that only swap the user agent (Firefox Android) stayed mobile. `app.js` now detects that case
(touch device, desktop user agent, phone-sized screen, still-narrow viewport) and rewrites the
viewport meta to `width=980`, so the width-driven CSS and JS both go desktop. `isMobileLayout`
also returns false when the flag is set. Verified: phone stays mobile, 980px stays desktop,
and the narrow desktop-UA case drops the mobile tab flow (the viewport re-layout depends on the
browser honoring the meta change; the user accepted rough edges here).
- [x] C79 Mobile form controls and the focus zoom. iOS Safari zooms the page when a focused
text field renders below 16px and does not always zoom back out. `style.css` now forces 16px
on text-entry controls at the mobile breakpoint (25 fields were under 16px, the smallest 11px),