Improve video display when hovering over elements
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:
parent
efa5b2e992
commit
570b8d3d09
@ -398,10 +398,8 @@ input[data-testid*="search"]::placeholder {
|
||||
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) {
|
||||
/* Force specific parent containers to be overflow visible when child is hovered - but preserve scroll containers */
|
||||
*:has(.individual-video-hover:hover):not([class*="overflow-x-auto"]) {
|
||||
overflow: visible !important;
|
||||
clip-path: none !important;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user