fix: typeahead dark theme
This commit is contained in:
parent
3e1c6fa83e
commit
54aa0d4873
30
src/app.scss
30
src/app.scss
|
@ -266,21 +266,27 @@ $modal-background-background-color-dark: rgba($dark, 0.86) !default; // remove t
|
||||||
|
|
||||||
[data-svelte-typeahead] {
|
[data-svelte-typeahead] {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
background-color: transparent !important;
|
||||||
ul.svelte-typeahead-list {
|
|
||||||
max-height: 60vh;
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
> li {
|
|
||||||
padding: 0;
|
|
||||||
&:not(:last-of-type) {
|
|
||||||
border-bottom: 0 none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&[aria-expanded="true"] {
|
&[aria-expanded="true"] {
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
|
|
||||||
|
ul.svelte-typeahead-list {
|
||||||
|
@extend .dropdown-content;
|
||||||
|
max-height: 60vh;
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
> li {
|
||||||
|
padding: 0;
|
||||||
|
border-bottom: 0 none;
|
||||||
|
|
||||||
|
&.selected {
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
background-color: #2a2a2a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-svelte-search] {
|
[data-svelte-search] {
|
||||||
|
|
Loading…
Reference in New Issue