From d550bc3d04547e51cd6c08a9622302eea7886a72 Mon Sep 17 00:00:00 2001 From: dnviti Date: Thu, 18 Dec 2025 01:19:11 +0100 Subject: [PATCH] feat: set default card size and scale values to their minimum in Cube Manager, Draft View, and Deck Builder. --- docs/development/CENTRAL.md | 1 + ...2025-12-18-013000_minimize_slider_defaults.md | 16 ++++++++++++++++ src/client/src/modules/cube/CubeManager.tsx | 2 +- src/client/src/modules/draft/DeckBuilderView.tsx | 2 +- src/client/src/modules/draft/DraftView.tsx | 2 +- 5 files changed, 20 insertions(+), 3 deletions(-) create mode 100644 docs/development/devlog/2025-12-18-013000_minimize_slider_defaults.md diff --git a/docs/development/CENTRAL.md b/docs/development/CENTRAL.md index 8e604e5..6d2e09d 100644 --- a/docs/development/CENTRAL.md +++ b/docs/development/CENTRAL.md @@ -95,3 +95,4 @@ - [Persist PWA Dismissal](./devlog/2025-12-18-005300_persist_pwa_dismissal.md): Completed. Implemented logic to remember user's choice to dismiss or install the PWA, preventing repeated prompts. - [Create Favicon](./devlog/2025-12-18-005739_create_favicon.md): Completed. Generated and integrated a new application favicon. - [Mobile Touch Preview](./devlog/2025-12-18-012500_mobile_touch_preview.md): Completed. Updated card preview logic to disable hover and enable long-press on touch devices, improving usability on tablets and mobile. +- [Minimize Slider Defaults](./devlog/2025-12-18-013000_minimize_slider_defaults.md): Completed. Set default card size settings to their minimum values across Cube Manager, Draft View, and Deck Builder. diff --git a/docs/development/devlog/2025-12-18-013000_minimize_slider_defaults.md b/docs/development/devlog/2025-12-18-013000_minimize_slider_defaults.md new file mode 100644 index 0000000..e995f0d --- /dev/null +++ b/docs/development/devlog/2025-12-18-013000_minimize_slider_defaults.md @@ -0,0 +1,16 @@ +# Work Plan - Set Default Slider Values to Minimum + +## Request +Set the default value for card size sliders to their minimum setting across all views: +1. Cube Manager (Draft Management) +2. Draft View (Online Draft Pick) +3. Deck Builder + +## Changes +- **CubeManager.tsx**: Changed default `cardWidth` from `140` to `100`. +- **DraftView.tsx**: Changed default `cardScale` from `0.7` to `0.5`. +- **DeckBuilderView.tsx**: Changed default `cardWidth` from `150` to `100`. + +## Verification +- Verified that the new default values match the `min` attribute of the respective range inputs. +- Verified that no other sliders exist in the codebase. diff --git a/src/client/src/modules/cube/CubeManager.tsx b/src/client/src/modules/cube/CubeManager.tsx index ba0219a..2e20ed6 100644 --- a/src/client/src/modules/cube/CubeManager.tsx +++ b/src/client/src/modules/cube/CubeManager.tsx @@ -113,7 +113,7 @@ export const CubeManager: React.FC = ({ packs, setPacks, avail const [cardWidth, setCardWidth] = useState(() => { const saved = localStorage.getItem('cube_cardWidth'); - return saved ? parseInt(saved) : 140; + return saved ? parseInt(saved) : 100; }); // --- Persistence Effects --- diff --git a/src/client/src/modules/draft/DeckBuilderView.tsx b/src/client/src/modules/draft/DeckBuilderView.tsx index e664bf1..1577c20 100644 --- a/src/client/src/modules/draft/DeckBuilderView.tsx +++ b/src/client/src/modules/draft/DeckBuilderView.tsx @@ -202,7 +202,7 @@ export const DeckBuilderView: React.FC = ({ initialPool, a const [timer] = useState("Unlimited"); const [layout, setLayout] = useState<'vertical' | 'horizontal'>('vertical'); const [viewMode, setViewMode] = useState<'list' | 'grid' | 'stack'>('grid'); - const [cardWidth, setCardWidth] = useState(150); + const [cardWidth, setCardWidth] = useState(100); const [pool, setPool] = useState(initialPool); const [deck, setDeck] = useState([]); diff --git a/src/client/src/modules/draft/DraftView.tsx b/src/client/src/modules/draft/DraftView.tsx index 9163936..059198d 100644 --- a/src/client/src/modules/draft/DraftView.tsx +++ b/src/client/src/modules/draft/DraftView.tsx @@ -66,7 +66,7 @@ export const DraftView: React.FC = ({ draftState, currentPlayerI const [cardScale, setCardScale] = useState(() => { const saved = localStorage.getItem('draft_cardScale'); - return saved ? parseFloat(saved) : 0.7; + return saved ? parseFloat(saved) : 0.5; }); const [layout, setLayout] = useState<'vertical' | 'horizontal'>('horizontal');