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.
This commit is contained in:
rin.kagamine committed 2026-05-29 20:52:28 -04:00
1 parent a14ec40872
commit 17ff0b2157
1 file changed
+2 -2
+2 -2
View File
@@ -271,9 +271,9 @@ export default function Player({ clip, isPlaying, onTogglePlay, onStop, onClose
/> />
</div> </div>
{/* Marquee scrolling track name */} {/* 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 <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` }} style={{ animationDuration: `${marqueeDuration}s` }}
> >
{displayTitle} {displayTitle}