fix(nav): remove play arrow badge from turn indicators
Removed the ▶ arrow badge from both local and network player turn indicators. Turn indication is now shown through: - Border ring with player color (pulsing) - "Your turn" / "Their turn" text label below avatar - Size increase and animation (local players only) - Opacity dimming of non-current players The arrow badge was unnecessary visual clutter with the text labels providing clear indication of whose turn it is. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -99,33 +99,6 @@ export function ActivePlayersList({
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* Turn indicator arrow badge */}
|
||||
{isCurrentPlayer && hasGameState && (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '-12px',
|
||||
left: '-12px',
|
||||
width: '28px',
|
||||
height: '28px',
|
||||
borderRadius: '50%',
|
||||
border: '3px solid white',
|
||||
background: `linear-gradient(135deg, ${player.color || '#3b82f6'}, ${player.color || '#3b82f6'}dd)`,
|
||||
color: 'white',
|
||||
fontSize: '14px',
|
||||
fontWeight: 'bold',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
boxShadow: `0 4px 12px ${player.color || '#3b82f6'}80`,
|
||||
zIndex: 3,
|
||||
animation: 'turnBadgePulse 1.5s ease-in-out infinite',
|
||||
}}
|
||||
>
|
||||
▶
|
||||
</div>
|
||||
)}
|
||||
|
||||
{player.emoji}
|
||||
|
||||
{/* Score badge - bottom right */}
|
||||
|
||||
@@ -93,33 +93,6 @@ export function NetworkPlayerIndicator({
|
||||
/>
|
||||
)}
|
||||
|
||||
{/* Turn indicator arrow badge */}
|
||||
{isCurrentPlayer && hasGameState && (
|
||||
<div
|
||||
style={{
|
||||
position: 'absolute',
|
||||
top: '-12px',
|
||||
left: '-12px',
|
||||
width: '28px',
|
||||
height: '28px',
|
||||
borderRadius: '50%',
|
||||
border: '3px solid white',
|
||||
background: `linear-gradient(135deg, ${player.color || '#3b82f6'}, ${player.color || '#3b82f6'}dd)`,
|
||||
color: 'white',
|
||||
fontSize: '14px',
|
||||
fontWeight: 'bold',
|
||||
display: 'flex',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
boxShadow: `0 4px 12px ${player.color || '#3b82f6'}80`,
|
||||
zIndex: 3,
|
||||
animation: 'turnBadgePulse 1.5s ease-in-out infinite',
|
||||
}}
|
||||
>
|
||||
▶
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Player emoji or fallback */}
|
||||
{player.emoji || '🌐'}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user