mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-18 01:22:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

bbox: tap to show/hide buttons

Browse source
This commit is contained in:
ed 2022-07-05 19:18:21 +02:00
parent a772b8c3f2
commit d6ac224c8f
2 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
copyparty/web/baguettebox.js
View file

@ -534,6 +534,10 @@ window.baguetteBox = (function () {
preloadPrev(currentIndex); preloadPrev(currentIndex);
}); });
clmod(ebi('bbox-btns'), 'off');
clmod(btnPrev, 'off');
clmod(btnNext, 'off');
updateOffset(); updateOffset();
overlay.style.display = 'block'; overlay.style.display = 'block';
// Fade in overlay // Fade in overlay
@ -878,6 +882,12 @@ window.baguetteBox = (function () {
else else
timer.rm(rotn); timer.rm(rotn);
el.onclick = function () {
clmod(ebi('bbox-btns'), 'off', 't');
clmod(btnPrev, 'off', 't');
clmod(btnNext, 'off', 't');
};
var prev = QS('.full-image.vis'); var prev = QS('.full-image.vis');
if (prev) if (prev)
clmod(prev, 'vis'); clmod(prev, 'vis');

9
copyparty/web/browser.css
View file

@ -1928,6 +1928,15 @@ html.y #bbox-overlay figcaption a {
.bbox-btn { .bbox-btn {
position: fixed; position: fixed;
} }
.bbox-btn,
#bbox-btns {
opacity: 1;
animation: opacity .2s infinite ease-in-out;
}
.bbox-btn.off,
#bbox-btns.off {
opacity: 0;
}
#bbox-overlay button { #bbox-overlay button {
cursor: pointer; cursor: pointer;
outline: none; outline: none;