thm/upend
thm/upend
1
0
Fork 0
Code Issues 75 Pull requests Projects Releases 6 Packages Wiki Activity

style(webui): don't display subdued input text in search header

Browse source
This commit is contained in:
Tomáš Mládek 2024-07-14 11:08:36 +02:00
parent 8fda6fba65
commit 59895342f2
2 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
webui/src/lib/components/layout/Header.svelte
View file

@ -89,6 +89,7 @@
on:input={onInput} on:input={onInput}
bind:this={selector} bind:this={selector}
emptyOptions={lastSearched} emptyOptions={lastSearched}
selectable={false}
> >
<Icon name="search" slot="prefix" /> <Icon name="search" slot="prefix" />
</Selector> </Selector>

3
webui/src/lib/components/utils/Selector.svelte
View file

@ -108,6 +108,7 @@
export let placeholder = ''; export let placeholder = '';
export let disabled = false; export let disabled = false;
export let keepFocusOnSet = false; export let keepFocusOnSet = false;
export let selectable = true;
export let forceShowOptions = false; export let forceShowOptions = false;
export let initial: SelectorValue | undefined = undefined; export let initial: SelectorValue | undefined = undefined;
@ -471,7 +472,7 @@
bind:value={inputValue} bind:value={inputValue}
on:focusChange={(ev) => (inputFocused = ev.detail)} on:focusChange={(ev) => (inputFocused = ev.detail)}
on:keydown={handleArrowKeys} on:keydown={handleArrowKeys}
klass={current !== undefined ? '' : 'selector-unset'} klass={current !== undefined || !selectable ? '' : 'selector-unset'}
{disabled} {disabled}
{placeholder} {placeholder}
> >