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

fix bbox wrap for buttons to always keep X in top right

Browse source
This commit is contained in:
Til Schmitter 2026-04-27 19:42:59 +02:00
parent 59c50702aa
commit 63e094e436
2 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
copyparty/web/baguettebox.js
View file

@ -308,16 +308,16 @@ window.baguetteBox = (function () {
'<div id="bbox-prev"><a class="btn" aria-label="Previous">◀</a></div>' + '<div id="bbox-prev"><a class="btn" aria-label="Previous">◀</a></div>' +
'<div id="bbox-next"><a class="btn" aria-label="Next">▶</a></div>' + '<div id="bbox-next"><a class="btn" aria-label="Next">▶</a></div>' +
'<div id="bbox-btns">' + '<div id="bbox-btns">' +
'<a id="bbox-help" class="btn">?</a>' + '<a id="bbox-close" class="btn" aria-label="Close">✕</a>' +
'<a id="bbox-anim" class="btn" tt="a">-</a>' + '<a id="bbox-vmode" class="btn" tt="a"></a>' +
'<a id="bbox-readdir" class="btn" tt="a">ltr</a>' + '<a id="bbzoom" class="tgl btn" tt="zoom/stretch smaller images to fill screen">↕</a>' +
'<a id="bbox-rotl" class="btn">↶</a>' + '<a id="bbox-full" class="btn" tt="full-screen">⛶</a>' +
'<a id="bbox-rotr" class="btn">↷</a>' + '<a id="bbox-tsel" class="tgl btn">☑️sel</a>' +
'<a id="bbox-tsel" class="tgl btn">☑️sel</a>' + '<a id="bbox-rotr" class="btn">↷</a>' +
'<a id="bbox-full" class="btn" tt="full-screen">⛶</a>' + '<a id="bbox-rotl" class="btn">↶</a>' +
'<a id="bbzoom" class="tgl btn" tt="zoom/stretch smaller images to fill screen">↕</a>' + '<a id="bbox-readdir" class="btn" tt="a">ltr</a>' +
'<a id="bbox-vmode" class="btn" tt="a"></a>' + '<a id="bbox-anim" class="btn" tt="a">-</a>' +
'<a id="bbox-close" class="btn" aria-label="Close">✕</a>' + '<a id="bbox-help" class="btn">?</a>' +
'</div></div>' '</div></div>'
); );
overlay = ctr.firstChild; overlay = ctr.firstChild;

9
copyparty/web/browser.css
View file

@ -2221,6 +2221,7 @@ html.a .btn {
position: relative; position: relative;
top: 0; top: 0;
} }
#twig,
#gridchop a:first-child, #gridchop a:first-child,
#gridzoom a:first-child { #gridzoom a:first-child {
line-height: 1.1em; line-height: 1.1em;
@ -2648,11 +2649,9 @@ html.y #bbox-overlay figcaption a {
text-align: center; text-align: center;
line-height: 60px; line-height: 60px;
} }
#bbox-btns {
transition: top .3s ease, opacity .3s ease;
}
#bbox-btns .btn { #bbox-btns .btn {
cursor: pointer; cursor: pointer;
direction: ltr;
} }
#bbox-overlay.immersive #bbox-next a, #bbox-overlay.immersive #bbox-next a,
#bbox-overlay.immersive #bbox-prev a { #bbox-overlay.immersive #bbox-prev a {
@ -2666,7 +2665,7 @@ html.y #bbox-overlay figcaption a {
#bbox-overlay .btn { #bbox-overlay .btn {
cursor: pointer; cursor: pointer;
padding: 0 .4em; padding: 0 .4em;
margin: 0 .1em; margin: 0 .1em .3em .1em;
font-size: 1.4em; font-size: 1.4em;
line-height: 2em; line-height: 2em;
vertical-align: top; vertical-align: top;
@ -2689,6 +2688,8 @@ html.y #bbox-overlay figcaption a {
top: .5em; top: .5em;
right: .2em; right: .2em;
position: fixed; position: fixed;
direction: rtl;
transition: top .3s ease, opacity .3s ease;
} }
#bbox-halp { #bbox-halp {
color: var(--fg-max); color: var(--fg-max);