From efa5b2e9923a65f81346335a74c6f6c418919ab7 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Fri, 29 Aug 2025 18:06:21 +0000
Subject: [PATCH] Improve video hover effect to break out of constraints

Update CSS to enhance the hover effect on videos by ensuring they break out of parent container constraints, improving visual presentation.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/kdQ95gE
---
 client/src/index.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/index.css b/client/src/index.css
index d382857..a50826b 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -387,12 +387,23 @@ input[data-testid*="search"]::placeholder {
   opacity: 0;
 }
 
-/* Simple hover video effect - just higher z-index */
+/* Force hover video to break out of all constraints */
 .individual-video-hover:hover {
   z-index: 9999 !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 all parent containers to be overflow visible when child is hovered */
+.individual-video-hover:hover,
+.individual-video-hover:hover ~ *,
+*:has(.individual-video-hover:hover) {
+  overflow: visible !important;
+  clip-path: none !important;
 }
 
 /* Hide picture-in-picture button on all video elements */