services/mtg-online-drafter
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Improve mobile experience by enabling card size sliders and long-press card previews.

Browse Source
This commit is contained in:
Daniele Viti
2025-12-17 01:54:31 +01:00
parent 97276979bf
commit aeab15eb9c
5 changed files with 41 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
docs/development/devlog/2025-12-17-024600_mobile_long_press_preview.md Normal file
View File

@@ -0,0 +1,17 @@
# Mobile Long Press Card Preview
## Status
- [x] Research current implementation of `PackCard` and `CardPreview`
- [x] Implement long-press detection in `PackCard` (Found existing implementation in `CardPreview`)
- [x] Prevent default browser context menu on card images
- [x] Trigger preview on long-press only for small screens (or generally if touch)
- [x] Verify implementation
## Context
User reported that long-pressing a card on mobile opens the browser menu (download image context menu).
Goal: Long press should show the card preview instead.
## Implementation Details
- Modified `CardHoverWrapper` in `CardPreview.tsx` to prevent `contextmenu` event default behavior on mobile devices when an image is present.
- This ensures the custom long-press timer has time to trigger the preview without the system menu interfering.
- Logic uses `isMobile && hasImage` to target specific scenario.