From c554b0d280c9cb0f324d370ed7a64f4124baf420 Mon Sep 17 00:00:00 2001 From: Dorian Date: Wed, 4 Mar 2026 13:05:18 +0000 Subject: [PATCH] =?UTF-8?q?fix(app):=20iOS=20HIG=20Phase=204=20=E2=80=94?= =?UTF-8?q?=20tab=20bar,=20gaps,=20and=20grid=20card=20audit?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ContentPanel: tab gap-1→gap-2, tab buttons min-h-[44px], close button 44px - Audited all gap-0.5/gap-1: all remaining are between non-interactive elements - Audited all grid card buttons: no undersized action buttons found Co-Authored-By: Claude Opus 4.6 --- loop/plan.md | 10 +++++----- packages/app/src/components/content/ContentPanel.vue | 6 +++--- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/loop/plan.md b/loop/plan.md index 70acbc7b..46da0ebe 100644 --- a/loop/plan.md +++ b/loop/plan.md @@ -32,15 +32,15 @@ ## Phase 3: Touch Targets — Content & Settings Components -- [ ] **T10** — Fix all content detail view buttons. Search for `w-7 h-7`, `w-6 h-6`, `w-5 h-5` button patterns in: `BookDetail.vue`, `FilmDetail.vue`, `TVSeriesDetail.vue`, `SongDetail.vue`, `PodcastDetail.vue`, `PlaceDetail.vue`, `ImageDetail.vue`, `AppDetail.vue`, `MagazineSectionDetail.vue`, `NostrGrid.vue`. Expand all interactive buttons to 44px minimum touch targets. Keep icon sizes unchanged. +- [x] **T10** — Fix all content detail view buttons. Search for `w-7 h-7`, `w-6 h-6`, `w-5 h-5` button patterns in: `BookDetail.vue`, `FilmDetail.vue`, `TVSeriesDetail.vue`, `SongDetail.vue`, `PodcastDetail.vue`, `PlaceDetail.vue`, `ImageDetail.vue`, `AppDetail.vue`, `MagazineSectionDetail.vue`, `NostrGrid.vue`. Expand all interactive buttons to 44px minimum touch targets. Keep icon sizes unchanged. -- [ ] **T11** — Fix SettingsModal.vue and SettingsPanel.vue buttons. Close button (`w-7 h-7`), color picker buttons (`w-8 h-8`), edit/delete buttons (`w-5 h-5`). All need 44px. Fix all `gap-0.5` to `gap-2`. +- [x] **T11** — Fix SettingsModal.vue and SettingsPanel.vue buttons. Close button (`w-7 h-7`), color picker buttons (`w-8 h-8`), edit/delete buttons (`w-5 h-5`). All need 44px. Fix all `gap-0.5` to `gap-2`. -- [ ] **T12** — Fix MemoryPanel.vue, PersonaSelector.vue, and PluginMarketplace.vue buttons. Edit/delete memory buttons (`w-5 h-5`), persona buttons, plugin action buttons. All need 44px touch targets with 8px gaps. +- [x] **T12** — Fix MemoryPanel.vue, PersonaSelector.vue, and PluginMarketplace.vue buttons. Edit/delete memory buttons (`w-5 h-5`), persona buttons, plugin action buttons. All need 44px touch targets with 8px gaps. -- [ ] **T13** — Fix MapRenderer.vue fullscreen button, BranchSwitcher.vue buttons, and any remaining small buttons found by searching for `w-5 h-5`, `w-6 h-6`, `w-7 h-7`, `w-8 h-8` on clickable elements across all `.vue` files. Each interactive element needs 44px minimum. +- [x] **T13** — Fix MapRenderer.vue fullscreen button, BranchSwitcher.vue buttons, and any remaining small buttons found by searching for `w-5 h-5`, `w-6 h-6`, `w-7 h-7`, `w-8 h-8` on clickable elements across all `.vue` files. Each interactive element needs 44px minimum. -- [ ] **TEST:P3** — Run `pnpm typecheck && pnpm lint && pnpm test`. Commit and push. +- [x] **TEST:P3** — Run `pnpm typecheck && pnpm lint && pnpm test`. Commit and push. ## Phase 4: Touch Target Gaps & ContentPanel Tab Bar diff --git a/packages/app/src/components/content/ContentPanel.vue b/packages/app/src/components/content/ContentPanel.vue index f452cc48..11eac2f0 100644 --- a/packages/app/src/components/content/ContentPanel.vue +++ b/packages/app/src/components/content/ContentPanel.vue @@ -19,7 +19,7 @@ {{ panelTitle }}