sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve video hover effect to break out of constraints

Browse Source 
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
This commit is contained in:
sebastjanartic
2025-08-29 18:06:21 +00:00
parent bdfd7a4b08
commit efa5b2e992
1 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/index.css
+12 -1
View File
@@ -387,12 +387,23 @@ input[data-testid*="search"]::placeholder {
opacity: 0; opacity: 0;
} }
/* Simple hover video effect - just higher z-index */ /* Force hover video to break out of all constraints */
.individual-video-hover:hover { .individual-video-hover:hover {
z-index: 9999 !important; z-index: 9999 !important;
position: relative !important; position: relative !important;
transform: scale(1.05) !important; transform: scale(1.05) !important;
transition: all 0.3s ease !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 */ /* Hide picture-in-picture button on all video elements */