From 543fa4bf2e1c1279ec3fdd193c6cdd0475ebc749 Mon Sep 17 00:00:00 2001 From: Til Schmitter Date: Fri, 8 May 2026 12:59:33 +0200 Subject: [PATCH] fix video caption blocking controls --- copyparty/web/browser.css | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 7cbdf72f..005ec76a 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -2515,9 +2515,15 @@ html.noscroll .sbar::-webkit-scrollbar { height: auto; max-width: 100%; max-height: 100%; + max-height: calc(100% - 1.4em); + margin-bottom: 1.4em; vertical-align: middle; transition: transform .23s, left .23s, top .23s, width .23s, height .23s; } +.immersive .full-image video { + max-height: 100%; + margin-bottom: 0; +} .full-image img.asap, .full-image video.asap { transition: none; @@ -2528,7 +2534,7 @@ html.noscroll .sbar::-webkit-scrollbar { height: 100%; object-fit: contain; } -#bbox-overlay:has(video) { +#bbox-overlay:has(video) { #bbox-next, #bbox-prev { height: 0; @@ -2557,12 +2563,10 @@ html.bb_fsc figcaption { .full-image video { background: #222; } -#bbox-overlay figcaption { +#bbox-overlay.immersive figcaption { + opacity: 0; pointer-events: none; } -#bbox-overlay figcaption * { - pointer-events: all; -} .full-image figcaption { display: block; position: fixed; @@ -2574,9 +2578,6 @@ html.bb_fsc figcaption { z-index: 1; transition: opacity .15s; } -#bbox-overlay.immersive figcaption { - opacity: 0; -} #bbox-overlay figcaption a { background: rgba(0, 0, 0, 0.6); border-radius: var(--radius);