Files
GearBox/.planning/milestones/v2.2-phases/31-mobile-polish/31-01-SUMMARY.md
Jean-Luc Makiola 2853477a75
All checks were successful
CI / ci (push) Successful in 1m15s
CI / e2e (push) Has been skipped
CI / deploy (push) Has been skipped
chore: archive v2.2 User Experience Polish milestone
Phases 28-31 archived to milestones/v2.2-phases/
Requirements and roadmap snapshots archived to milestones/

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-13 16:00:35 +02:00

1.9 KiB

phase, plan, subsystem, tags, key-files, metrics
phase plan subsystem tags key-files metrics
31-mobile-polish 01 client-routes
mobile
responsive
icons
accessibility
created modified
src/client/routes/items/$itemId.tsx
src/client/routes/threads/$threadId/candidates/$candidateId.tsx
tasks commits files_changed
2 3 2

Plan 01 Summary: Item Detail + Candidate Detail Icon Buttons

What Was Built

Added responsive icon-based action buttons to item detail and candidate detail pages. On mobile viewports (below md: breakpoint / 768px), action buttons display as icon-only with 44px minimum touch targets. Desktop viewports retain full text buttons unchanged.

Commits

Task Commit Description
1 7effede Add responsive icon buttons to item detail page
2 b6f12fa Add responsive icon buttons to candidate detail page
fix 97b1936 Fix biome lint formatting for JSX expressions

Changes

Item Detail ($itemId.tsx)

  • Duplicate button: paired desktop text / mobile icon (copy icon)
  • Delete/Remove button: paired desktop text / mobile icon (trash-2 icon), dynamic aria-label for reference vs owned items
  • Edit button: paired desktop text / mobile icon (pencil icon)

Candidate Detail ($candidateId.tsx)

  • Header Edit button: split into desktop (text+icon) / mobile (icon-only)
  • Pick as Winner button: paired desktop text+icon / mobile icon (trophy icon)
  • Delete button: paired desktop text+icon / mobile icon (trash-2 icon)

Deviations

None.

Self-Check: PASSED

  • All icon buttons have aria-label attributes
  • All icon buttons have title attributes for tooltip
  • All icon buttons have min-w-[44px] min-h-[44px] for touch targets
  • md: breakpoint used consistently (matching BottomTabBar)
  • Desktop buttons unchanged
  • Edit mode Cancel/Save buttons not affected
  • Lint passes
  • Build succeeds