diff options
| author | MrPaulBlack <paul.accounts@protonmail.com> | 2021-10-06 20:12:51 +0200 |
|---|---|---|
| committer | MrPaulBlack <paul.accounts@protonmail.com> | 2021-10-09 16:00:56 +0200 |
| commit | 740fca00ccabbbccd24e9fd6b17f5a56394cfca1 (patch) | |
| tree | e4b3c745f71a9c8db72d2f8f661bf862621b05af /searx/static/themes/simple/src/less/autocomplete.less | |
| parent | 7c2a518d120ec02c4cead76faa1ba5fcec205373 (diff) | |
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
Diffstat (limited to 'searx/static/themes/simple/src/less/autocomplete.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/autocomplete.less | 15 |
1 files changed, 8 insertions, 7 deletions
diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less index 588d67937..4dbb68d46 100644 --- a/searx/static/themes/simple/src/less/autocomplete.less +++ b/searx/static/themes/simple/src/less/autocomplete.less @@ -5,11 +5,12 @@ max-height: 0; overflow-y: hidden; text-align: left; + .rounded-corners; &:active, &:focus, &:hover { - background-color: var(--color-autocompoleter-background); + background-color: var(--color-autocomplete-background); } &:empty { @@ -23,12 +24,13 @@ > li { cursor: pointer; - padding: 5px 0 5px 10px; + padding: 8px 0 8px 8px; &.active, &:active, - &:focus { - background-color: var(--color-base); + &:focus, + &:hover { + background-color: var(--color-autocomplete-background-hover); a:active, a:focus, @@ -45,8 +47,8 @@ &.open { display: block; - background-color: var(--color-autocompleter-background); - border: 1px solid var(--color-base); + background-color: var(--color-autocomplete-background); + border: 1px solid var(--color-base-border); max-height: 500px; overflow-y: auto; z-index: 100; @@ -63,7 +65,6 @@ } .autocomplete > ul > li { - padding: 7px 0 7px 10px; border-bottom: 1px solid var(--color-result-top-border); text-align: left; } |