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

14
docs/development/devlog/2025-12-17-003000_cube_sticky_sidebar.md Normal file
View File

@@ -0,0 +1,14 @@
# Cube Manager Sticky Sidebar
## Objective
Update the `CubeManager` layout to make the left-side settings/controls panel sticky. This allows the user to access controls (Generate, Reset, etc.) while scrolling through a long list of generated packs on the right.
## Changes
- Modified `src/client/src/modules/cube/CubeManager.tsx`:
- Added `sticky top-4` to the left column wrapper.
- Added `self-start` to ensure the sticky element doesn't stretch to the full height of the container (which would negate stickiness).
- Added `max-h-[calc(100vh-2rem)]` and `overflow-y-auto` to the left panel to ensure its content remains accessible if it exceeds the viewport height.
- Added `custom-scrollbar` styling for consistent aesthetics.
## Result
The left panel now follows the user's scroll position, improving usability for large pack generations.