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

feat: Implement full-width layout, sticky sidebar, and Archidekt-style stacked view for Cube Manager, extracting card preview components.

Browse Source
This commit is contained in:
Daniele Viti
2025-12-17 00:32:39 +01:00
parent 66cec64223
commit 0f82be86c3
8 changed files with 208 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/development/devlog/2025-12-17-004500_archidekt_view.md Normal file
View File

@@ -0,0 +1,16 @@
# Cube Manager Archidekt View
## Objective
Implement an "Archidekt-style" stacked view for pack generation. This view organizes cards into columns by type (Creature, Instant, Land, etc.) with vertical overlapping to save space while keeping headers visible.
## Changes
1. **Refactor PackCard**: Extracted `FloatingPreview` and `CardHoverWrapper` into `src/client/src/components/CardPreview.tsx` to resolve circular dependencies and clean up `PackCard.tsx`.
2. **Update StackView**:
- Rewrite `StackView.tsx` to group cards by `typeLine` (categories: Creature, Planeswalker, Instant, Sorcery, Enchantment, Artifact, Land, Battle, Other).
- Sort cards within categories by CMC.
- Render columns using Flexbox.
- Implement overlapping "card strip" look using negative `margin-bottom` on cards.
- Value tuning: `margin-bottom: -125%` seems appropriate for a standard card aspect ratio to reveal the title bar.
## Result
The "Stack" view option in Cube Manager now renders packs as organized, sorted columns similar to deck-builder interfaces.