added clickable area outside settings popup for closing

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

View file

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

View file

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

View file

@ -1013,7 +1013,7 @@ ebi('op_cfg').innerHTML = (
// modalize settings
(function () {
ebi('s_header').innerHTML = '⚙️' + L.ot_cfg;
ebi('s_header').innerHTML = '⚙️ ' + L.ot_cfg;
var sections = ebi('op_cfg').children;
for (var i = 0; i < sections.length; i++){
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('cs_btn').onclick = function(){
ebi('s_outside').onclick = ebi('cs_btn').onclick = function(){
modalopen('cfg');
}
})();