[CaptainJack] Cards hard to read when overlapping, menu covers card might
George Jabbour
## Problem Statement
Two related card readability issues in the deck builder:
- Overlapping Cards:When cards are displayed in a stacked/overlapping layout, they become difficult to read with no easy way to see full card details
- Menu Obstruction:The card action menu (triple dots/plus/minus buttons) covers the "might" value on cards, obscuring important game information
## Issue 1: Overlapping Card Readability
### Current Behavior
- Cards overlap each other in the deck view
- No hover-to-zoom or click-to-expand functionality
- Card text and details are cut off or unreadable
### Expected Behavior
- Users should be able to easily view full card details
- Hover/click should reveal complete card information
- Consider: zoom on hover, modal on click, or tooltip preview
## Issue 2: Menu Covers Card Might
### Current Behavior
- The action menu (three dots, +, - buttons) is positioned over the card's might value
- Users cannot see the might stat without dismissing or moving the menu
### Expected Behavior
- Card stats should remain visible when menu is displayed
- Menu should be repositioned to avoid covering critical card information
- Alternative: make menu appear on hover only, or position it outside the card
## Acceptance Criteria
- [ ] Users can view full card details through hover, click, or other interaction
- [ ] Card might value is not obscured by action menu
- [ ] Card text remains readable in all view modes
- [ ] Solution works on both desktop and mobile/touch
- [ ] Performance is not impacted by hover interactions
## Proposed Solutions
### For Overlapping Cards:
- Hover to raise card above others (z-index change)
- Click to open card detail modal/lightbox
- Tooltip with larger card preview on hover
- Adjustable card overlap/spacing settings
### For Menu Obstruction:
- Reposition menu to top-left or bottom of card
- Show menu on hover only (hidden by default)
- Use a floating action button outside the card area
- Make menu semi-transparent until hovered
---
Area:
Deck Builder / UXGame:
CaptainJackType:
Bug / UX Improvement