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