services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
842beae4193dfbb501bd8b703b07256dba709235
mtg-online-drafter/docs/development/devlog/2025-12-18-014500_deck_builder_touch.md

928 B
Raw Blame History

Work Plan - Deck Builder Touch Interaction Updates

Request

  1. Change "Deck" zone name to "Library" in the UI.
  2. Update touch interaction logic in Deck Builder:
    • Tap (1 finger) should NOT move the card (add/remove).
    • Tap (1 finger) should show the Card Preview (like in Draft Pick).
    • Drag and Drop remains the method to move cards on touch devices.

Changes

  • DeckBuilderView.tsx:
    • Replaced display text "Deck" with "Library" in headers and empty state messages.
    • Updated ListItem, DeckCardItem, and StackView onClick handlers.
    • Implemented window.matchMedia('(pointer: coarse)') check to toggle behavior:
      • Touch: Tap -> onHover(card) (Preview)
      • Mouse: Click -> onCardClick(card) (Add/Remove)

Verification

  • Verified code changes apply to all view modes (List, Grid, Stack).
  • Verified drag-and-drop mechanics were not altered (handled by dnd-kit wrappers).