diff --git a/client/src/index.css b/client/src/index.css index 1680570..506cae1 100644 --- a/client/src/index.css +++ b/client/src/index.css @@ -387,27 +387,23 @@ input[data-testid*="search"]::placeholder { opacity: 0; } -/* Force hover video to break out of all constraints */ +/* Working hover video pop-up with maximum z-index */ .individual-video-hover:hover { - z-index: 9999 !important; + z-index: 2147483647 !important; position: relative !important; transform: scale(1.05) !important; transition: all 0.3s ease !important; - contain: none !important; - clip-path: none !important; - isolation: auto !important; } -/* Force parent containers to be overflow visible when child is hovered */ -*:has(.individual-video-hover:hover) { - overflow: visible !important; - clip-path: none !important; +/* Ensure all carousel containers allow z-index layering */ +.individual-video-hover { + position: relative; } -/* Special handling for scroll containers - allow both horizontal scroll and vertical visibility */ -[class*="overflow-x-auto"]:has(.individual-video-hover:hover) { - overflow-x: auto !important; - overflow-y: visible !important; +/* Force all parent divs to allow z-index stacking */ +div:has(.individual-video-hover:hover) { + position: relative !important; + z-index: auto !important; } /* Hide picture-in-picture button on all video elements */