fix(nav): add z-index to turn labels to prevent avatar overlap
Added position: relative and zIndex: 10 to turn label text to ensure it renders above the animated avatar emojis. The floating/scaling animations were causing the avatars to obscure the text below them. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -278,6 +278,8 @@ export function ActivePlayersList({
|
||||
letterSpacing: '0.5px',
|
||||
textShadow: '0 2px 4px rgba(0,0,0,0.2)',
|
||||
marginTop: '-2px',
|
||||
position: 'relative',
|
||||
zIndex: 10,
|
||||
}}
|
||||
>
|
||||
Your turn
|
||||
|
||||
@@ -289,6 +289,8 @@ export function NetworkPlayerIndicator({
|
||||
letterSpacing: '0.5px',
|
||||
textShadow: '0 2px 4px rgba(0,0,0,0.2)',
|
||||
marginTop: '-2px',
|
||||
position: 'relative',
|
||||
zIndex: 10,
|
||||
}}
|
||||
>
|
||||
Their turn
|
||||
|
||||
Reference in New Issue
Block a user