mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-17 09:02:15 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

bbox: hide buttons fully; closes #180

Browse source
This commit is contained in:
ed 2025-07-20 23:31:38 +02:00
parent 9bc4c5d2e6
commit 8c32b0e7bb
2 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
copyparty/web/baguettebox.js
View file

@ -592,9 +592,7 @@ window.baguetteBox = (function () {
preloadPrev(currentIndex); preloadPrev(currentIndex);
}); });
clmod(ebi('bbox-btns'), 'off'); show_buttons(0);
clmod(btnPrev, 'off');
clmod(btnNext, 'off');
updateOffset(); updateOffset();
overlay.style.display = 'block'; overlay.style.display = 'block';

26
copyparty/web/browser.css
View file

@ -2199,18 +2199,25 @@ html.y #bbox-overlay figcaption a {
top: calc(50% - 30px); top: calc(50% - 30px);
width: 44px; width: 44px;
height: 60px; height: 60px;
transition: background-color .3s ease, color .3s ease, left .3s ease, right .3s ease;
}
#bbox-btns button {
transition: background-color .3s ease, color .3s ease;
}
#bbox-btns {
transition: top .3s ease;
} }
.bbox-btn { .bbox-btn {
position: fixed; position: fixed;
} }
.bbox-btn, #bbox-next.off {
#bbox-btns { right: -2.6em;
opacity: 1; }
animation: opacity .2s infinite ease-in-out; #bbox-prev.off {
left: -2.6em;
} }
.bbox-btn.off,
#bbox-btns.off { #bbox-btns.off {
opacity: 0; top: -2.2em;
} }
#bbox-overlay button { #bbox-overlay button {
cursor: pointer; cursor: pointer;
@ -2221,8 +2228,6 @@ html.y #bbox-overlay figcaption a {
border-radius: 15%; border-radius: 15%;
background: rgba(50, 50, 50, 0.5); background: rgba(50, 50, 50, 0.5);
color: rgba(255,255,255,0.7); color: rgba(255,255,255,0.7);
transition: background-color .3s ease;
transition: color .3s ease;
font-size: 1.4em; font-size: 1.4em;
line-height: 1.4em; line-height: 1.4em;
vertical-align: top; vertical-align: top;
@ -3267,4 +3272,9 @@ html.d #treepar {
.dropdesc>div>div { .dropdesc>div>div {
transition: none; transition: none;
} }
#bbox-next,
#bbox-prev,
#bbox-btns {
transition: background-color .3s ease, color .3s ease;
}
} }