Mobile zoom-lock + top-bar icon fixes (v0.1.0:97)
First round of Grant's real-phone feedback on the mobile redesign. CSS-only; desktop untouched. - Viewport: add maximum-scale=1.0 + user-scalable=no. Disables pinch-zoom and — the real fix — the iOS auto-zoom-on-focus that jerked the whole page in on every tap of a sub-16px input (our fields are 13-15px). The mobile surfaces are sized for phones, so nothing needs zooming; OS-level accessibility zoom still works. - Top-bar account initial: was rendering off-center because .account-btn lacked flex centering (it fell back to inline/baseline). Add inline-flex centering and align to the dc spec (IBM Plex Mono, accent-light, 13px, GridApp.dc:60). - Quick-log pencil: bump --text-muted -> --text-secondary. Markup/color otherwise match the dc reference exactly, but the dc's thin grey outline reads as empty next to the color sun emoji on-device; the brighter neutral gives the action button real affordance. Also records the v97 deploy + these items in AGENTS.md Current state.
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
import { VersionInfo } from '@start9labs/start-sdk'
|
||||
|
||||
// Mobile top-bar polish + native zoom behaviour (CSS-only; no JS/schema change).
|
||||
// - Viewport meta gains maximum-scale=1 + user-scalable=no: disables pinch-zoom and, more
|
||||
// importantly, the iOS auto-zoom-on-focus that jerked the page in whenever a sub-16px input
|
||||
// was tapped (app-wide — our fields are 13–15px). OS-level accessibility zoom still works.
|
||||
// - Top-bar account initial is now flex-centered and dc-aligned (IBM Plex Mono, accent-light,
|
||||
// 13px); it was defaulting to inline/baseline and rendered off-center.
|
||||
// - Quick-log pencil colour bumped --text-muted -> --text-secondary so the action button reads
|
||||
// clearly on-device (the dc t3 thin-outline grey read as empty next to the colour sun emoji).
|
||||
export const v_0_1_0_97 = VersionInfo.of({
|
||||
version: '0.1.0:97',
|
||||
releaseNotes: {
|
||||
en_US: [
|
||||
'Mobile polish: the app no longer zooms in when you tap a field or pinch (it now behaves',
|
||||
'like a native app), and the top-bar account initial and quick-log pencil icon render',
|
||||
'correctly. Desktop is unchanged.',
|
||||
].join(' '),
|
||||
},
|
||||
migrations: { up: async () => {}, down: async () => {} },
|
||||
})
|
||||
Reference in New Issue
Block a user