**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> |
||
|---|---|---|
| .. | ||
| .claude | ||
| .storybook | ||
| __tests__ | ||
| content/blog | ||
| data | ||
| docs | ||
| drizzle | ||
| e2e | ||
| public | ||
| scripts | ||
| src | ||
| .dockerignore.test | ||
| .gitignore | ||
| CARD_SORTING_PORT_PLAN.md | ||
| COMPLEMENT_RACE_PORT_PLAN.md | ||
| DEVELOPMENT_STANDARDS.md | ||
| LINTING.md | ||
| README.md | ||
| biome.jsonc | ||
| drizzle.config.ts | ||
| eslint.config.js | ||
| next-env.d.ts | ||
| next.config.js | ||
| package.json | ||
| panda.config.ts | ||
| playwright.config.ts | ||
| pnpm-lock.yaml | ||
| server.js | ||
| svg-processing-test.js | ||
| 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 | ||