Change autocomplete colors

This commit is contained in:
Alexandre Iooss 2021-11-02 06:24:36 +01:00
parent c8496ac6d9
commit 97ef021647

View file

@ -7,28 +7,27 @@
position: absolute; position: absolute;
z-index: 100; z-index: 100;
padding: 0; padding: 0;
top: 60px; top: $navbar-height;
right: 0; right: 0;
width: 18rem; width: 18rem;
} }
.autoComplete_result { .autoComplete_result {
margin: 0.15rem auto; margin: 0 auto;
padding: 0.6rem; padding: 0.6rem;
max-width: 280px; max-width: 280px;
list-style: none; list-style: none;
color: #7b7b7b; background-color: darken($background-base-color, 6);
transition: all 0.1s ease-in-out; border-bottom: solid 1px $background-base-color;
background-color: #fff;
} }
.autoComplete_result:hover, .autoComplete_result:hover,
.autoComplete_result:focus, .autoComplete_result:focus,
.autoComplete_selected { .autoComplete_selected {
background-color: rgba(255, 248, 248, 0.9); background-color: $background-base-color;
} }
.autoComplete_highlighted { .autoComplete_highlighted {
color: rgba(255, 122, 122, 1); color: $primary;
font-weight: 700; font-weight: 700;
} }