mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-20 13:12:26 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix video caption blocking controls

Browse source
This commit is contained in:
Til Schmitter 2026-05-08 12:59:33 +02:00
parent 7122975404
commit 543fa4bf2e
1 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
copyparty/web/browser.css
View file

@ -2515,9 +2515,15 @@ html.noscroll .sbar::-webkit-scrollbar {
height: auto; height: auto;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
max-height: calc(100% - 1.4em);
margin-bottom: 1.4em;
vertical-align: middle; vertical-align: middle;
transition: transform .23s, left .23s, top .23s, width .23s, height .23s; 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 img.asap,
.full-image video.asap { .full-image video.asap {
transition: none; transition: none;
@ -2528,7 +2534,7 @@ html.noscroll .sbar::-webkit-scrollbar {
height: 100%; height: 100%;
object-fit: contain; object-fit: contain;
} }
#bbox-overlay:has(video) { #bbox-overlay:has(video) {
#bbox-next, #bbox-next,
#bbox-prev { #bbox-prev {
height: 0; height: 0;
@ -2557,12 +2563,10 @@ html.bb_fsc figcaption {
.full-image video { .full-image video {
background: #222; background: #222;
} }
#bbox-overlay figcaption { #bbox-overlay.immersive figcaption {
opacity: 0;
pointer-events: none; pointer-events: none;
} }
#bbox-overlay figcaption * {
pointer-events: all;
}
.full-image figcaption { .full-image figcaption {
display: block; display: block;
position: fixed; position: fixed;
@ -2574,9 +2578,6 @@ html.bb_fsc figcaption {
z-index: 1; z-index: 1;
transition: opacity .15s; transition: opacity .15s;
} }
#bbox-overlay.immersive figcaption {
opacity: 0;
}
#bbox-overlay figcaption a { #bbox-overlay figcaption a {
background: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.6);
border-radius: var(--radius); border-radius: var(--radius);