diff --git a/copyparty/web/baguettebox.js b/copyparty/web/baguettebox.js index 1bbbf5b5..597fb7a5 100644 --- a/copyparty/web/baguettebox.js +++ b/copyparty/web/baguettebox.js @@ -353,11 +353,11 @@ window.baguetteBox = (function () { ebi('bbox-overlay').style.background = sel ? 'rgba(153,34,85,0.7)' : ''; - img.style.boxShadow = sel ? '0 0 3em #f4a' : ''; img.style.borderRadius = sel ? '1em' : ''; btnSel.style.color = sel ? '#fff' : ''; btnSel.style.background = sel ? '#d48' : ''; btnSel.style.textShadow = sel ? '1px 1px 0 #b38' : ''; + btnSel.style.boxShadow = sel ? '.15em .15em 0 #502' : ''; } function keyUpHandler(e) { @@ -780,6 +780,12 @@ window.baguetteBox = (function () { selbg(); mp_ctl(); setVmode(); + + var prev = QS('.full-image.vis'); + if (prev) + prev.classList.remove('vis'); + + vidimg().closest('div').classList.add('vis'); } function preloadNext(index) { diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css index 4b2e0250..fc255d1f 100644 --- a/copyparty/web/browser.css +++ b/copyparty/web/browser.css @@ -1328,9 +1328,12 @@ html.light #tree::-webkit-scrollbar { max-height: calc(100% - 1.4em); margin-bottom: 1.4em; vertical-align: middle; - box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); transition: transform .2s, left .2s, top .2s, width .2s, height .2s; } +.full-image.vis img, +.full-image.vis video { + box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); +} .full-image video { background: #333; }