summaryrefslogtreecommitdiff
path: root/client/simple/src/less/autocomplete.less
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2025-01-23 11:10:40 +0100
committerMarkus Heiser <markus.heiser@darmarIT.de>2025-02-28 12:27:41 +0100
commita1132deaa4618f228e82252397247a150081a5f3 (patch)
tree0445fbe04c8932acdfbe5362db40ea1782f38539 /client/simple/src/less/autocomplete.less
parentb6487b70aaa199aba6ae999a9c99b340b5e98884 (diff)
[web-client] simple theme: move sources to client/simple/src
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
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;
+ }
+ }
+}