soroban-abacus-flashcards/apps/web
Thomas Hallock 4a5294353e fix: stabilize mini skill card height and fix preview updates
**Issue 1: Buttons jumping around**
- Mini skill cards had variable height based on description text length
- Prev/Next buttons would shift position when switching skills

**Fix 1: Fixed height cards**
- Added `minHeight: '5.5rem'` to both addition and subtraction mini skill cards
- Buttons now stay in consistent position regardless of content

**Issue 2: Preview not updating on skill change**
- React Query cache wasn't invalidating when clicking prev/next buttons
- Query key was missing skill IDs for mastery+mixed mode

**Fix 2: Include skill IDs in query key**
- Added `currentAdditionSkillId`, `currentSubtractionSkillId`, `currentStepId` to query key
- Preview now regenerates when skills change in mastery mode

Files changed:
- `MasteryModePanel.tsx`: Fixed height for mini skill cards (5.5rem)
- `WorksheetPreview.tsx`: Added skill IDs to query key dependencies

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-10 14:13:19 -06:00
..
.claude feat(worksheets): add foundational steps to progression path 2025-11-10 10:37:33 -06:00
.storybook fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
__tests__ fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
content/blog chore: restore stashed work from previous session 2025-11-08 14:59:40 -06:00
data fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
docs fix: prevent undefined displayRules error in worksheet generator 2025-11-07 13:01:54 -06:00
drizzle fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
e2e fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
public refactor(worksheets): extract ConfigPanel helper components (Phase 1) 2025-11-08 11:50:49 -06:00
scripts fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
src fix: stabilize mini skill card height and fix preview updates 2025-11-10 14:13:19 -06:00
.dockerignore.test chore: trigger Docker rebuild 2025-11-07 12:11:46 -06:00
.gitignore
CARD_SORTING_PORT_PLAN.md fix: prevent undefined displayRules error in worksheet generator 2025-11-07 13:01:54 -06:00
COMPLEMENT_RACE_PORT_PLAN.md
DEVELOPMENT_STANDARDS.md
LINTING.md
README.md fix: prevent undefined displayRules error in worksheet generator 2025-11-07 13:01:54 -06:00
biome.jsonc fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
drizzle.config.ts fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
eslint.config.js fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
next-env.d.ts
next.config.js feat: enable production source maps for easier debugging 2025-11-08 20:32:06 -06:00
package.json revert: remove ngrok and LAN IP detection 2025-11-10 05:06:48 -06:00
panda.config.ts fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
playwright.config.ts fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
pnpm-lock.yaml
server.js fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
svg-processing-test.js fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00
test-arcade-api.sh
test-flashcards-final.pdf
test-flashcards.pdf
test-simplified.pdf
test_fullscreen_persistence.html
test_panda_simple.html
tsconfig.json
tsconfig.server.json
vitest.config.ts fix(worksheets): ten-frames not rendering in mastery mode 2025-11-10 10:06:27 -06:00

README.md

Test deployment - Mon Nov 3 16:31:57 CST 2025