inline [+]

This commit is contained in:
Til Schmitter 2026-05-09 11:14:08 +02:00
parent 8ddc1ade6e
commit 498fd1f9fc
2 changed files with 20 additions and 15 deletions

View file

@ -1274,7 +1274,7 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
border-radius: calc(var(--radius) / 2);
}
#wtico,
#up_quick.open,
.open #up_quick_more,
#wtoggle,
#widgeti {
background: #cde;
@ -1283,18 +1283,22 @@ html:not(.e) #ggrid>a.thumbed.dir:before {
border: 1px solid var(--bg-u3);
}
#up_quick {
display: inline-block;
position: relative;
margin: 0 .2em .2em .1em;
font-size: .7em;
}
#up_quick_more {
position: absolute;
bottom: 100%;
bottom: calc(100% + .4em);
right: .4em;
font-size: .75em;
right: -2px;
font-weight: bold;
box-shadow: 0 0 .5em color-mix(in oklab, var(--a) 20%, transparent);
border-radius: 10px;
border-radius: calc(var(--radius) * 1.2);
text-align: right;
}
#up_quick.open {
.open #up_quick_more {
box-shadow: 0 0 .5em color-mix(in oklab, var(--mp-sh) 20%, transparent);
}
#up_quick_more {
@ -3544,7 +3548,8 @@ html.cz {
#ops,
#path,
#wtoggle,
#up_quick {
#up_quick_more,
#up_quick_btn:not(:hover):not(.on) {
backdrop-filter: blur(10px);
background: var(--btn-bg);
}

View file

@ -910,15 +910,6 @@ var svg_vol = svg_box + '<path d="M16.0004 9.00009C16.6281 9.83575 17 10.8745 17
ebi('widget').innerHTML = (
'<div id="wstack">' +
'<div id="up_quick">' +
' <div id="up_quick_more">' +
' <a id="uq_nd">' + L.rc_nfo + ' <span><p class="overlay_plus">+</p>📂</span></a>\n' +
' <a id="uq_nf">' + L.rc_nfi + ' <span><p class="overlay_plus">+</p>📝</span></a>\n' +
' <a id="uq_up">' + L.cl_uopts + ' 🚀</a>\n' +
' </div>' +
' <a id="up_quick_btn" class="tgl btn on"><div class="rotatable">+</div></a>' +
'</div>' +
'<div id="wtoggle">' +
'<span id="wfs"></span>' +
'<span id="wfm"><a' +
@ -944,6 +935,15 @@ ebi('widget').innerHTML = (
'</span>' +
'</div>' +
'<div id="up_quick">' +
' <div id="up_quick_more">' +
' <a id="uq_nd">' + L.rc_nfo + ' <span><p class="overlay_plus">+</p>📂</span></a>\n' +
' <a id="uq_nf">' + L.rc_nfi + ' <span><p class="overlay_plus">+</p>📝</span></a>\n' +
' <a id="uq_up">' + L.cl_uopts + ' 🚀</a>\n' +
' </div>' +
' <a id="up_quick_btn" class="tgl btn on"><div class="rotatable">+</div></a>' +
'</div>' +
'<a href="#" id="wtico">♫</a>' +
'</div>' +