From 7c294dafff4e4d70831e12897aec06092cd3ff3f Mon Sep 17 00:00:00 2001 From: Thomas Hallock Date: Sat, 11 Oct 2025 09:24:52 -0500 Subject: [PATCH] fix(nav): add z-index to turn labels to prevent avatar overlap MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 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 --- apps/web/src/components/nav/ActivePlayersList.tsx | 2 ++ apps/web/src/components/nav/NetworkPlayerIndicator.tsx | 2 ++ 2 files changed, 4 insertions(+) diff --git a/apps/web/src/components/nav/ActivePlayersList.tsx b/apps/web/src/components/nav/ActivePlayersList.tsx index b6cf3efb..dff9f84b 100644 --- a/apps/web/src/components/nav/ActivePlayersList.tsx +++ b/apps/web/src/components/nav/ActivePlayersList.tsx @@ -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 diff --git a/apps/web/src/components/nav/NetworkPlayerIndicator.tsx b/apps/web/src/components/nav/NetworkPlayerIndicator.tsx index d88c2661..ecd6d4bd 100644 --- a/apps/web/src/components/nav/NetworkPlayerIndicator.tsx +++ b/apps/web/src/components/nav/NetworkPlayerIndicator.tsx @@ -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