diff options
| author | Alexandre Flament <alex@al-f.net> | 2021-06-17 10:46:50 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-06-17 10:46:50 +0200 |
| commit | 92c68fe636ede2b10a2b4d71c559a22969b38f6f (patch) | |
| tree | 6c41cde5c5d893be1f964a4d7d9c610b82a7360a /searx/static/themes/simple/src/less/autocomplete.less | |
| parent | a447c58218f953ab0d855408fac4b015fd8ea89c (diff) | |
| parent | ae677cb64b4456ee336bc62484cbf022e9d6493f (diff) | |
Merge pull request #151 from searxng/mod_oscar
make themes: 2 node_modules directories instead of 3
Diffstat (limited to 'searx/static/themes/simple/src/less/autocomplete.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/autocomplete.less | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/searx/static/themes/simple/src/less/autocomplete.less b/searx/static/themes/simple/src/less/autocomplete.less new file mode 100644 index 000000000..93f7df1ef --- /dev/null +++ b/searx/static/themes/simple/src/less/autocomplete.less @@ -0,0 +1,69 @@ +/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */ + +@background_color: white; + +.autocomplete { + position: absolute; + max-height: 0; + overflow-y: hidden; + text-align: left; + + &:active, &:focus, &:hover { + background-color: @background_color; + } + + &:empty { + display: none; + } + + > ul { + list-style-type: none; + margin: 0; + padding: 0; + + > li { + cursor: pointer; + padding: 5px 0 5px 10px; + + &.active, &:active, &:focus { + background-color: @color-base; + + a:active, a:focus, a:hover { + text-decoration: none; + } + } + + &.locked { + cursor: inherit; + } + } + } + + &.open { + display: block; + background-color: @background_color; + border: 1px solid @color-base; + 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 { + padding: 7px 0 7px 10px; + border-bottom: 1px solid @color-result-top-border; + text-align: left; + } + +} |