searxngRebrandZaclys/searx/static/themes/simple/src/less/autocomplete.less
MrPaulBlack 740fca00cc Redo Color Theme and css cleanup
* remove vars and add elements to base and btn vars
* change default border radius to 10px and padding to 0.7em
* put border radius and padding on search input form, infoxbox and buttons
* remove unused .help class in #categories_container
* remove active background from tabs to straemline design
* redo search form: 10px padding
* 2rem margin on search results on desktop
* fix modal pacement of engine reliability in prefs
* use darker accent colors
* streamline autocomplete with more padding and a hover effect
2021-10-09 16:00:56 +02:00

71 lines
1.2 KiB
Text

/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
.autocomplete {
position: absolute;
max-height: 0;
overflow-y: hidden;
text-align: left;
.rounded-corners;
&:active,
&:focus,
&:hover {
background-color: var(--color-autocomplete-background);
}
&:empty {
display: none;
}
> ul {
list-style-type: none;
margin: 0;
padding: 0;
> li {
cursor: pointer;
padding: 8px 0 8px 8px;
&.active,
&:active,
&:focus,
&:hover {
background-color: var(--color-autocomplete-background-hover);
a:active,
a:focus,
a:hover {
text-decoration: none;
}
}
&.locked {
cursor: inherit;
}
}
}
&.open {
display: block;
background-color: var(--color-autocomplete-background);
border: 1px solid var(--color-base-border);
max-height: 500px;
overflow-y: auto;
z-index: 100;
&:empty {
display: none;
}
}
}
@media screen and (max-width: @results-width) {
.autocomplete {
bottom: 0;
}
.autocomplete > ul > li {
border-bottom: 1px solid var(--color-result-top-border);
text-align: left;
}
}