From 59895342f2cf15738b6d10d85525183c1aa27993 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 14 Jul 2024 11:08:36 +0200
Subject: [PATCH] style(webui): don't display subdued input text in search
 header

---
 webui/src/lib/components/layout/Header.svelte  | 1 +
 webui/src/lib/components/utils/Selector.svelte | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/webui/src/lib/components/layout/Header.svelte b/webui/src/lib/components/layout/Header.svelte
index 8488431..47de9d5 100644
--- a/webui/src/lib/components/layout/Header.svelte
+++ b/webui/src/lib/components/layout/Header.svelte
@@ -89,6 +89,7 @@
 			on:input={onInput}
 			bind:this={selector}
 			emptyOptions={lastSearched}
+			selectable={false}
 		>
 			<Icon name="search" slot="prefix" />
 		</Selector>
diff --git a/webui/src/lib/components/utils/Selector.svelte b/webui/src/lib/components/utils/Selector.svelte
index dfbea00..738b8a6 100644
--- a/webui/src/lib/components/utils/Selector.svelte
+++ b/webui/src/lib/components/utils/Selector.svelte
@@ -108,6 +108,7 @@
 	export let placeholder = '';
 	export let disabled = false;
 	export let keepFocusOnSet = false;
+	export let selectable = true;
 	export let forceShowOptions = false;
 
 	export let initial: SelectorValue | undefined = undefined;
@@ -471,7 +472,7 @@
 			bind:value={inputValue}
 			on:focusChange={(ev) => (inputFocused = ev.detail)}
 			on:keydown={handleArrowKeys}
-			klass={current !== undefined ? '' : 'selector-unset'}
+			klass={current !== undefined || !selectable ? '' : 'selector-unset'}
 			{disabled}
 			{placeholder}
 		>