From 17ff0b21575c5d59deea0a70ee5cdd145ba2f184 Mon Sep 17 00:00:00 2001
From: Kagamine Rin <rin.kagamine@captcouch.xyz>
Date: Fri, 29 May 2026 20:52:28 -0400
Subject: [PATCH] fix: Make marquee text visible on hover by removing overflow
 clip

The marquee animation was working but the text was still clipped by
overflow:hidden on both the parent container and the text div itself.
Added group-hover:overflow-visible to both containers so the full
text becomes visible when the marquee animation starts on hover.
---
 frontend/src/components/Player.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Player.tsx b/frontend/src/components/Player.tsx
index e37c367..a53f05b 100644
--- a/frontend/src/components/Player.tsx
+++ b/frontend/src/components/Player.tsx
@@ -271,9 +271,9 @@ export default function Player({ clip, isPlaying, onTogglePlay, onStop, onClose
               />
             </div>
             {/* Marquee scrolling track name */}
-            <div className="overflow-hidden flex-1 min-w-0 group">
+            <div className="overflow-hidden flex-1 min-w-0 group group-hover:overflow-visible">
               <div
-                className="text-xs text-white truncate group-hover:whitespace-nowrap group-hover:animate-marquee"
+                className="text-xs text-white truncate group-hover:overflow-visible group-hover:whitespace-nowrap group-hover:animate-marquee"
                 style={{ animationDuration: `${marqueeDuration}s` }}
               >
                 {displayTitle}