fix: typeahead dark theme

This commit is contained in:
Niel Thiart 2023-12-05 23:46:30 +02:00
parent 3e1c6fa83e
commit 54aa0d4873
No known key found for this signature in database
GPG Key ID: 6AECF816A8741B0A
1 changed files with 18 additions and 12 deletions

View File

@ -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] {