antialias
/
soroban-abacus-flashcards
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(practice): use explicit padding to prevent shorthand override 

Replace padding shorthand with explicit paddingTop/Right/Bottom/Left
values to ensure the extra 4rem top padding for help overlays is
applied correctly. CSS shorthand properties can override specific
properties depending on declaration order.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock 2025-12-08 11:14:02 -06:00
parent e9b123a7b3
commit 4c00d92ccb
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/components/practice/ActiveSession.tsx
View File

@ -922,7 +922,11 @@ export function ActiveSession({
flexDirection: 'column', flexDirection: 'column',
alignItems: 'center', alignItems: 'center',
gap: '1.5rem', gap: '1.5rem',
padding: '2rem', // Use explicit padding values - shorthand 'padding' can override specific paddingTop
paddingTop: '4rem', // Extra top padding for help overlay that extends above
paddingRight: '2rem',
paddingBottom: '2rem',
paddingLeft: '2rem',
backgroundColor: isDark ? 'gray.800' : 'white', backgroundColor: isDark ? 'gray.800' : 'white',
borderRadius: '16px', borderRadius: '16px',
boxShadow: 'md', boxShadow: 'md',