chore(release): 4.63.8 [skip ci]

## [4.63.8](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.7...v4.63.8) (2025-10-21) ### Bug Fixes * **mobile:** restore abacus visibility in "Your Journey" section ([c96036d](c96036d86b))
fix(mobile): restore abacus visibility in "Your Journey" section
2025-10-21 17:08:03 +00:00 · 2025-10-21 12:06:48 -05:00 · 2025-10-21 17:03:24 +00:00 · 2025-10-21 12:02:10 -05:00
3 changed files with 23 additions and 10 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,17 @@
+## [4.63.8](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.7...v4.63.8) (2025-10-21)
+
+
+### Bug Fixes
+
+* **mobile:** restore abacus visibility in "Your Journey" section ([c96036d](https://github.com/antialias/soroban-abacus-flashcards/commit/c96036d86b6de2e25f7ecd3d00dd36221badc3b1))
+
+## [4.63.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.6...v4.63.7) (2025-10-21)
+
+
+### Bug Fixes
+
+* **mobile:** reduce height of Your Journey section on mobile ([8944035](https://github.com/antialias/soroban-abacus-flashcards/commit/89440355bf494e54072d2d1a1f228c33ec43d52d))
+
 ## [4.63.6](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.5...v4.63.6) (2025-10-21)


--- a/apps/web/src/components/LevelSliderDisplay.tsx
+++ b/apps/web/src/components/LevelSliderDisplay.tsx
@@ -412,8 +412,9 @@ export function LevelSliderDisplay({
                  ? 'violet.500'
                  : 'amber.500',
          rounded: 'xl',
-          p: { base: '6', md: '8' },
+          p: { base: '4', md: '8' },
          height: { base: 'auto', md: '700px' },
+          maxHeight: { base: '500px', md: 'none' },
          display: 'flex',
          flexDirection: 'column',
        })}
@@ -621,6 +622,7 @@ export function LevelSliderDisplay({
            borderColor: 'gray.700',
            overflow: 'hidden',
            flex: 1,
+            minH: 0, // Allow flex shrinking
          })}
        >
          {/* Level Details (only for Kyu levels) */}
@@ -639,16 +641,12 @@ export function LevelSliderDisplay({
                <div
                  className={css({
                    flex: '0 0 auto',
-                    display: 'grid',
-                    gridTemplateColumns: {
-                      base: 'repeat(2, 1fr)',
-                      sm: 'repeat(3, 1fr)',
-                      lg: 'repeat(2, 1fr)',
-                    },
+                    display: { base: 'none', lg: 'grid' },
+                    gridTemplateColumns: 'repeat(2, 1fr)',
                    gap: '2',
                    p: '2',
                    w: '100%',
-                    maxW: { base: '100%', lg: '400px' },
+                    maxW: '400px',
                    alignContent: 'center',
                    justifyItems: 'center',
                  })}
@@ -747,7 +745,7 @@ export function LevelSliderDisplay({
              ) : null
            })()}

-          {/* Abacus (right-aligned for Kyu, centered for Dan) */}
+          {/* Abacus (centered on mobile, right-aligned for Kyu on desktop, centered for Dan) */}
          <div
            className={css({
              display: 'flex',
@@ -758,6 +756,7 @@ export function LevelSliderDisplay({
              overflowX: 'auto',
              overflowY: 'hidden',
              minW: 0, // Allow flex shrinking
+              minH: 0, // Allow flex shrinking
            })}
          >
            <animated.div
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
  "name": "soroban-monorepo",
-  "version": "4.63.6",
+  "version": "4.63.8",
  "private": true,
  "description": "Beautiful Soroban Flashcard Generator - Monorepo",
  "workspaces": [
Author	SHA1	Message	Date
semantic-release-bot	0169ab5128	chore(release): 4.63.8 [skip ci] ## [4.63.8](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.7...v4.63.8) (2025-10-21) ### Bug Fixes * mobile: restore abacus visibility in "Your Journey" section ([`c96036d`](`c96036d86b`))	2025-10-21 17:08:03 +00:00
Thomas Hallock	c96036d86b	fix(mobile): restore abacus visibility in "Your Journey" section On mobile screens (base breakpoint), the level details cards were taking up all vertical space within the 500px maxHeight constraint, pushing the abacus completely out of view. Solution: Hide level details on mobile (display: { base: 'none', lg: 'grid' }) so mobile users see only the slider and abacus, while desktop users see all components. Also added minH: 0 to containers to ensure proper flex shrinking behavior. Changes to LevelSliderDisplay.tsx: - Level details grid now hidden on base breakpoint, visible on lg+ - Simplified grid columns to single value since it's desktop-only - Added minH: 0 to flex containers for proper shrinking Tested on iPhone 14 (390px viewport). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-21 12:06:48 -05:00
semantic-release-bot	653db575ff	chore(release): 4.63.7 [skip ci] ## [4.63.7](https://github.com/antialias/soroban-abacus-flashcards/compare/v4.63.6...v4.63.7) (2025-10-21) ### Bug Fixes * mobile: reduce height of Your Journey section on mobile ([`8944035`](`89440355bf`))	2025-10-21 17:03:24 +00:00
Thomas Hallock	89440355bf	fix(mobile): reduce height of Your Journey section on mobile Added maxHeight constraint and reduced padding to ensure the abacus stays visible while scrubbing the slider on mobile devices. Changes: - Added maxHeight: 500px on mobile (base), none on desktop (md) - Reduced padding from 6 to 4 on mobile (base) This ensures users can see both the slider and abacus simultaneously on iPhone displays without scrolling. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>	2025-10-21 12:02:10 -05:00