diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 75a252f..68f3641 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -226,23 +226,15 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP )} - {/* Cinematic title overlay */} -
+ {/* Title overlay at bottom */} +

onClick?.(video)} data-testid={`text-title-${video.id}`} > {video.title}

- - {/* Subtle accent line */} -
diff --git a/client/src/index.css b/client/src/index.css index b6b484e..cd021d7 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -387,21 +387,11 @@ input[data-testid*="search"]::placeholder { opacity: 0; } -/* Maximum possible z-index for video card hover with cinematic effects */ +/* Maximum possible z-index for video card hover */ .video-card:hover { z-index: 2147483647 !important; } -/* Cinematic text animations */ -@keyframes titleGlow { - 0%, 100% { text-shadow: 2px 2px 8px rgba(0,0,0,0.9), 0 0 20px rgba(0,0,0,0.5); } - 50% { text-shadow: 2px 2px 12px rgba(0,0,0,0.9), 0 0 25px rgba(255,215,0,0.3), 0 0 35px rgba(255,165,0,0.2); } -} - -.video-card:hover h3 { - animation: titleGlow 2s ease-in-out infinite; -} - /* Hide picture-in-picture button on all video elements */ video::-webkit-media-controls-picture-in-picture-button { display: none !important;