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

added clickable area outside settings popup for closing

Browse source
This commit is contained in:
Til Schmitter 2026-04-07 23:12:59 +02:00
parent dcf934ca01
commit 6ef346834a
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
copyparty/web/browser.css
View file

@ -1490,6 +1490,8 @@ html.y #ops svg circle {
border-color: var(--a); border-color: var(--a);
border-radius: .2em; border-radius: .2em;
padding: .2em .3em; padding: .2em .3em;
font-size: medium;
min-width: 3em;
} }
.opview select { .opview select {
padding: .3em; padding: .3em;
@ -2528,6 +2530,10 @@ html.y #bbox-overlay figcaption a {
margin: .5em; margin: .5em;
color: var(--fg); color: var(--fg);
} }
#s_outside {
position: absolute;
inset: 0;
}
@ -3257,9 +3263,6 @@ html.by #barpos {
html.b #ops a { html.b #ops a {
background: var(--bg); background: var(--bg);
} }
html.b .opview {
margin: 1em 0;
}
html.b #srch_q { html.b #srch_q {
margin: .2em 0 0 1.6em; margin: .2em 0 0 1.6em;
} }

1
copyparty/web/browser.html
View file

@ -172,6 +172,7 @@
<div id="cfg" class="overlaybg" tt=""> <div id="cfg" class="overlaybg" tt="">
<div id="s_outside"></div>
<div id="s_content"> <div id="s_content">
<h3 id="s_header"></h3> <h3 id="s_header"></h3>
<div id="s_hor"> <div id="s_hor">

4
copyparty/web/browser.js
View file

@ -1013,7 +1013,7 @@ ebi('op_cfg').innerHTML = (
// modalize settings // modalize settings
(function () { (function () {
ebi('s_header').innerHTML = '⚙️' + L.ot_cfg; ebi('s_header').innerHTML = '⚙️ ' + L.ot_cfg;
var sections = ebi('op_cfg').children; var sections = ebi('op_cfg').children;
for (var i = 0; i < sections.length; i++){ for (var i = 0; i < sections.length; i++){
var sName = sections[i].children[0].innerHTML; var sName = sections[i].children[0].innerHTML;
@ -1037,7 +1037,7 @@ ebi('op_cfg').innerHTML = (
ebi('s_nav').innerHTML += `<a href="#${sId}" class="btn">${sName}</a>\n`; ebi('s_nav').innerHTML += `<a href="#${sId}" class="btn">${sName}</a>\n`;
} }
ebi('cs_btn').onclick = function(){ ebi('s_outside').onclick = ebi('cs_btn').onclick = function(){
modalopen('cfg'); modalopen('cfg');
} }
})(); })();