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:
1 parent
a14ec40872
commit
17ff0b2157
1 file changed
+2
-2
@@ -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}
|
||||||
|
|||||||
Reference in new issue
Block a user