Files
GearBox/.planning/milestones/v2.2-phases/29-image-presentation/29-02-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

2.0 KiB

phase, plan, subsystem, tags, key-files, metrics
phase plan subsystem tags key-files metrics
29 02 frontend
components
image-rendering
ui
created modified
src/client/components/GearImage.tsx
src/client/components/ItemCard.tsx
src/client/components/GlobalItemCard.tsx
src/client/components/CandidateCard.tsx
src/client/components/CandidateListItem.tsx
src/client/components/ImageUpload.tsx
src/client/components/ComparisonTable.tsx
src/client/components/CatalogSearchOverlay.tsx
src/client/components/LinkToGlobalItem.tsx
src/client/routes/items/$itemId.tsx
src/client/routes/global-items/$globalItemId.tsx
src/client/routes/global-items/index.tsx
src/client/routes/threads/$threadId/candidates/$candidateId.tsx
tasks commits files-changed
13 4 13

Plan 29-02 Summary: GearImage Component + Surface Updates

What was built

  • Created GearImage shared component with three modes: contain (default), cover (tiny thumbnails), and crop (CSS transform)
  • Created imageContainerBg() helper for consistent dominant color backgrounds
  • Updated all 12 gear image surfaces to use GearImage
  • Default rendering now uses object-contain instead of object-cover
  • Parent containers use dominant color background for letterbox/pillarbox fill
  • LinkToGlobalItem uses cover mode for 32px thumbnails (intentional exception)

Commits

Task Commit Description
1 06d3984 Create GearImage component
2-3 2865e65 Update ItemCard and GlobalItemCard
4-5 05c0918 Update CandidateCard and CandidateListItem
6-8 91846b5 Update ComparisonTable, CatalogSearchOverlay, ImageUpload
9-13 66d9c41 Update detail pages and LinkToGlobalItem
lint 9636033 Lint fixes for formatting and unused parameter

Deviations

None.

Self-Check: PASSED

  • GearImage component exists: YES
  • object-cover removed from all gear surfaces: YES (only remains in GearImage internal, ProfileSection avatar, users avatar)
  • Build passes: YES
  • Lint passes: YES