soroban-abacus-flashcards

Files

Thomas Hallock 448f93c1e2 fix(web): prevent abacus overlap in composite calendar

Fixed spacing issues causing abaci to overlap:

Layout improvements:
- Calculate proper scale based on cell dimensions (CELL_WIDTH / 7, CELL_HEIGHT / 6)
- Account for natural abacus size (120×230) in scale calculation
- Use MAX_SCALE_X and MAX_SCALE_Y with 90% safety margin
- Center abacus in each cell using calculated scaled dimensions
- Add debug cell borders to visualize grid (stroke="#f0f0f0")

Math:
- ABACUS_SCALE = min(MAX_SCALE_X, MAX_SCALE_Y) × 0.9
- Position = cellCenter - (scaledSize / 2)
- This ensures abaci stay within cell boundaries

Before: Hardcoded offsets (-60, -115) caused overlaps
After: Dynamic centering based on actual scaled dimensions

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

Co-Authored-By: Claude <noreply@anthropic.com>

2025-11-03 20:24:16 -06:00

generate-build-info.js

…

generateAbacusIcons.tsx

fix: configure favicon metadata and improve bead visibility

2025-11-03 08:59:14 -06:00

generateCalendarAbacus.tsx

fix(web): use AbacusStatic for calendar SVG generation

2025-11-03 19:25:18 -06:00

generateCalendarComposite.tsx

fix(web): prevent abacus overlap in composite calendar

2025-11-03 20:24:16 -06:00