Skip to content

Feature/responsive mobile - #20

Merged
NaviAndrei merged 8 commits into
mainfrom
feature/responsive-mobile
Jul 1, 2026
Merged

Feature/responsive mobile#20
NaviAndrei merged 8 commits into
mainfrom
feature/responsive-mobile

Conversation

@NaviAndrei

Copy link
Copy Markdown
Owner

Summary

Mobile responsiveness audit + fixes, per docs/TEST_STRATEGY.md Section 7.

Changes

  • Search: Fix FlexSearch suggest:true making zero-match results unreachable
  • Layout: Fix 320px overflow on filter row, select dropdowns, and prompt card grid
  • Accessibility: Add keyboard access to Sidebar tag filter (was mouse-only)
  • Touch targets: Fix 3 hit-targets under the project's 44px minimum (view toggle, template delete, variable preset delete)
  • Data integrity: Add missing storage-sync listener to useIndexedDB

Verified

  • Full breakpoint sweep (320/375/768/1024/1440px, light/dark) — 0 regressions
  • Keyboard-only Tab traversal across drawer/sidebar/templates — full path reachable
  • Core-flow smoke test (create/edit/search/export/import/delete) — all pass
  • 0 new console errors

Known, deliberately not fixed

  • db.ts putBatch() clear-then-write race (cross-tab last-write-wins) — documented as accepted risk in TEST_STRATEGY.md; a proper fix requires a broader architectural change to delete call sites in App.tsx, out of scope for this PR.

- SearchService.ts: suggest:true -> false, fixes unreachable zero-match state
- index.css: fix 320px overflow on .filter-item/.minimal-select
- index.css: fix .prompt-card-wrapper grid overflow (minmax floor)
- index.css: fix .view-toggle-group .view-btn hit-target (42px -> 44px)
- Sidebar.tsx: add role/tabIndex/onKeyDown to tag filter (was unreachable)
- TemplateManager.tsx: wrap delete icon in 44px button (was 12px bare SVG)
- VariableInjector.tsx: wrap preset delete icon in 44px button (was 10px SVG)
Fixes: multiple useIndexedDB consumers of the same store could
silently disagree since the hook dispatched storage-sync but never
listened for it itself.
Copilot AI review requested due to automatic review settings July 1, 2026 20:38
@NaviAndrei NaviAndrei self-assigned this Jul 1, 2026
@NaviAndrei
NaviAndrei merged commit 6f36170 into main Jul 1, 2026
3 checks passed
@NaviAndrei
NaviAndrei deleted the feature/responsive-mobile branch July 1, 2026 20:41

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copilot encountered an error and was unable to review this pull request. You can try again by re-requesting a review.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants