summaryrefslogtreecommitdiff
path: root/client/simple/src/less/autocomplete.less
diff options
context:
space:
mode:
Diffstat (limited to 'client/simple/src/less/autocomplete.less')
-rw-r--r--client/simple/src/less/autocomplete.less74
1 files changed, 74 insertions, 0 deletions
diff --git a/client/simple/src/less/autocomplete.less b/client/simple/src/less/autocomplete.less
new file mode 100644
index 000000000..8285ff2c6
--- /dev/null
+++ b/client/simple/src/less/autocomplete.less
@@ -0,0 +1,74 @@
+/*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
+
+.autocomplete {
+ position: absolute;
+ width: @search-width;
+ max-height: 0;
+ overflow-y: hidden;
+ .ltr-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: 0.5rem 1rem;
+
+ &.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);
+ color: var(--color-autocomplete-font);
+ max-height: 32rem;
+ overflow-y: auto;
+ z-index: 5000;
+ margin-top: 3.5rem;
+ border-radius: 0.8rem;
+
+ &:empty {
+ display: none;
+ }
+ }
+}
+
+@media screen and (max-width: @phone) {
+ .autocomplete {
+ width: 100%;
+
+ > ul > li {
+ padding: 1rem;
+ }
+ }
+}