summaryrefslogtreecommitdiff
path: root/searx/static/themes/simple/src/less/autocomplete.less
diff options
context:
space:
mode:
authorAlexandre Flament <alex@al-f.net>2021-06-17 10:46:50 +0200
committerGitHub <noreply@github.com>2021-06-17 10:46:50 +0200
commit92c68fe636ede2b10a2b4d71c559a22969b38f6f (patch)
tree6c41cde5c5d893be1f964a4d7d9c610b82a7360a /searx/static/themes/simple/src/less/autocomplete.less
parenta447c58218f953ab0d855408fac4b015fd8ea89c (diff)
parentae677cb64b4456ee336bc62484cbf022e9d6493f (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.less69
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;
+ }
+
+}