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

use number input for corner radius setting

Browse source
This commit is contained in:
Til Schmitter 2026-06-10 09:42:41 +02:00
parent 4fa092d22f
commit e8f9bbe08d
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
copyparty/web/browser.css
View file

@ -2040,6 +2040,7 @@ html.y #ops svg circle {
}
#pathBar input[type=text],
.opview select,
.opview input[type=number],
.opview input[type=text],
.opview input[type=color],
.opview input[type=date] {

9
copyparty/web/browser.js
View file

@ -1314,7 +1314,7 @@ ebi('op_cfg').innerHTML = (
' <input type="text" id="accent" placeholder="#color"></input>' +
' <input type="color" id="accent_picker"></input>' +
' </div>' +
' <input tt="' + L.cl_radius +'" type="text" id="radius" placeholder="[0-inf]"></input>' +
' <input tt="' + L.cl_radius +'" type="number" id="radius" min="-1" placeholder="[0-inf]"></input>' +
' <a id="fun_tgl" class="tgl btn" tt="' + L.cl_fun + '">🥳</a>\n' +
' </div>\n' +
'</div>\n' +
@ -1527,10 +1527,9 @@ ebi('radius').oninput = function () {
if(r === radius)
return;
if(isNaN(r))
r = ''
swrite('radius', r);
var setV = this.value == '' ? '' : (r + 'px');
var usefallback = isNaN(r) || r < 0 || r === '';
var setV = usefallback ? '' : (r + 'px');
swrite('radius', !usefallback && r);
document.documentElement.style.setProperty('--radius', setV);
console.log(setV);
}