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

Improve video display when hovering over elements

Browse Source 
Adjust CSS to prevent unexpected overflow behavior when hovering over video elements, ensuring scrollable containers are preserved.

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:08:15 +00:00
parent efa5b2e992
commit 570b8d3d09
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/src/index.css
View File

@ -398,10 +398,8 @@ input[data-testid*="search"]::placeholder {
isolation: auto !important; isolation: auto !important;
} }
/* Force all parent containers to be overflow visible when child is hovered */ /* Force specific parent containers to be overflow visible when child is hovered - but preserve scroll containers */
.individual-video-hover:hover, *:has(.individual-video-hover:hover):not([class*="overflow-x-auto"]) {
.individual-video-hover:hover ~ *,
*:has(.individual-video-hover:hover) {
overflow: visible !important; overflow: visible !important;
clip-path: none !important; clip-path: none !important;
} }