agents-orchestrator/agent-orchestrator
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(settings): use document pointerdown for dropdown close (no backdrop)

Browse source
This commit is contained in:
Hibryda 2026-03-17 06:18:42 +01:00
parent f8032debac
commit 1f2dd91f82
1 changed files with 3 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/lib/settings/categories/AppearanceSettings.svelte
View file

@ -102,12 +102,11 @@
function closeDropdowns() { themeOpen = false; uiFontOpen = false; termFontOpen = false; } function closeDropdowns() { themeOpen = false; uiFontOpen = false; termFontOpen = false; }
</script> </script>
<svelte:document onpointerdown={(e) => {
if (!(e.target as HTMLElement)?.closest('.dropdown')) closeDropdowns();
}} />
<svelte:window onkeydown={(e) => { if (e.key === 'Escape') closeDropdowns(); }} /> <svelte:window onkeydown={(e) => { if (e.key === 'Escape') closeDropdowns(); }} />
{#if themeOpen || uiFontOpen || termFontOpen}
<div class="backdrop" onclick={closeDropdowns}></div>
{/if}
<div class="appearance"> <div class="appearance">
<h3>Theme</h3> <h3>Theme</h3>
<div class="field" id="setting-theme"> <div class="field" id="setting-theme">
@ -192,7 +191,6 @@
</div> </div>
<style> <style>
.backdrop { position: fixed; inset: 0; z-index: 40; }
.appearance { display: flex; flex-direction: column; gap: 0.75rem; } .appearance { display: flex; flex-direction: column; gap: 0.75rem; }
h3 { font-size: 0.75rem; font-weight: 600; color: var(--ctp-subtext0); text-transform: uppercase; letter-spacing: 0.05em; margin: 0.5rem 0 0.125rem; } h3 { font-size: 0.75rem; font-weight: 600; color: var(--ctp-subtext0); text-transform: uppercase; letter-spacing: 0.05em; margin: 0.5rem 0 0.125rem; }
.field { position: relative; } .field { position: relative; }