CluPilotCloud/resources/css
nexxo be082b7bf9
tests / pest (push) Successful in 7m9s Details
tests / assets (push) Successful in 20s Details
tests / release (push) Successful in 4s Details
Stop iOS zooming the page on every tap into a field
Safari zooms when a focused input is smaller than 16px, and then leaves the page
zoomed — so on an iPhone every form throws the layout about, and the way back is
a pinch. The usual fix is the meta-viewport switch, which suppresses the zoom by
disabling pinch-zoom entirely: it takes a real accessibility feature away from
everyone to solve a cosmetic problem for some. Sizing the fields at 16px on
touch devices removes the reason instead.

!important on purpose: it has to beat every text-size utility on every field in
the application, and a rule that loses to `text-sm` on one form is worth
nothing. Checkboxes and radios are left alone — no text to inflate, and sizing
them there breaks the box.

Also -webkit-text-size-adjust, so iOS stops inflating body copy in landscape.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-27 14:59:12 +02:00
..
admin-tokens.css feat(admin): dark Tactical-Terminal operator console 2026-07-25 08:35:03 +02:00
app.css Stop iOS zooming the page on every tap into a field 2026-07-27 14:59:12 +02:00
portal-tokens.css Rebuild the public site as a document, and read prices from the catalogue 2026-07-27 03:52:25 +02:00
safelist-tailwindcss.txt fix(ui): modal above sidebar (z-index); datacenter edit buttons stay right; toast slides from bottom; provisioning retry action 2026-07-25 15:29:37 +02:00