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:
Keysat
2026-06-20 09:51:27 -05:00
parent 0aca8848ee
commit be40520c3d
5 changed files with 45 additions and 13 deletions
+3 -2
View File
@@ -57,8 +57,9 @@ import { v_0_1_0_93 } from './v0.1.0.93'
import { v_0_1_0_94 } from './v0.1.0.94'
import { v_0_1_0_95 } from './v0.1.0.95'
import { v_0_1_0_96 } from './v0.1.0.96'
import { v_0_1_0_97 } from './v0.1.0.97'
export const versionGraph = VersionGraph.of({
current: v_0_1_0_96,
other: [v_0_1_0_39, v_0_1_0_40, v_0_1_0_41, v_0_1_0_42, v_0_1_0_43, v_0_1_0_44, v_0_1_0_45, v_0_1_0_46, v_0_1_0_47, v_0_1_0_48, v_0_1_0_49, v_0_1_0_50, v_0_1_0_51, v_0_1_0_52, v_0_1_0_53, v_0_1_0_54, v_0_1_0_55, v_0_1_0_56, v_0_1_0_57, v_0_1_0_58, v_0_1_0_59, v_0_1_0_60, v_0_1_0_61, v_0_1_0_62, v_0_1_0_63, v_0_1_0_64, v_0_1_0_65, v_0_1_0_66, v_0_1_0_67, v_0_1_0_68, v_0_1_0_69, v_0_1_0_70, v_0_1_0_71, v_0_1_0_72, v_0_1_0_73, v_0_1_0_74, v_0_1_0_75, v_0_1_0_76, v_0_1_0_77, v_0_1_0_78, v_0_1_0_79, v_0_1_0_80, v_0_1_0_81, v_0_1_0_82, v_0_1_0_83, v_0_1_0_84, v_0_1_0_85, v_0_1_0_86, v_0_1_0_87, v_0_1_0_88, v_0_1_0_89, v_0_1_0_90, v_0_1_0_91, v_0_1_0_92, v_0_1_0_93, v_0_1_0_94, v_0_1_0_95],
current: v_0_1_0_97,
other: [v_0_1_0_39, v_0_1_0_40, v_0_1_0_41, v_0_1_0_42, v_0_1_0_43, v_0_1_0_44, v_0_1_0_45, v_0_1_0_46, v_0_1_0_47, v_0_1_0_48, v_0_1_0_49, v_0_1_0_50, v_0_1_0_51, v_0_1_0_52, v_0_1_0_53, v_0_1_0_54, v_0_1_0_55, v_0_1_0_56, v_0_1_0_57, v_0_1_0_58, v_0_1_0_59, v_0_1_0_60, v_0_1_0_61, v_0_1_0_62, v_0_1_0_63, v_0_1_0_64, v_0_1_0_65, v_0_1_0_66, v_0_1_0_67, v_0_1_0_68, v_0_1_0_69, v_0_1_0_70, v_0_1_0_71, v_0_1_0_72, v_0_1_0_73, v_0_1_0_74, v_0_1_0_75, v_0_1_0_76, v_0_1_0_77, v_0_1_0_78, v_0_1_0_79, v_0_1_0_80, v_0_1_0_81, v_0_1_0_82, v_0_1_0_83, v_0_1_0_84, v_0_1_0_85, v_0_1_0_86, v_0_1_0_87, v_0_1_0_88, v_0_1_0_89, v_0_1_0_90, v_0_1_0_91, v_0_1_0_92, v_0_1_0_93, v_0_1_0_94, v_0_1_0_95, v_0_1_0_96],
})
+21
View File
@@ -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 1315px). 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 () => {} },
})