feat(webui): denote "unset" selector state by text color
This commit is contained in:
parent
d0d92de2b6
commit
e686ef9f45
1 changed files with 5 additions and 0 deletions
|
@ -453,6 +453,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'}
|
||||||
{disabled}
|
{disabled}
|
||||||
{placeholder}
|
{placeholder}
|
||||||
>
|
>
|
||||||
|
@ -601,4 +602,8 @@
|
||||||
padding: 0.25em;
|
padding: 0.25em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:global(.selector-unset input) {
|
||||||
|
color: rgba(255, 255, 255, 0.33);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue