diff options
| author | Markus Heiser <markus.heiser@darmarIT.de> | 2022-03-25 07:59:18 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-03-25 07:59:18 +0100 |
| commit | cfd08055ca6c7931c3bdfba3b1f56a472132f90a (patch) | |
| tree | f662ad7771a9bfe1c6627e9b70b3470a6b7f3594 /searx/static/themes/simple/src/less/autocomplete.less | |
| parent | 7653e8bf168eb1d4d3b558db85bcf97eebeedef5 (diff) | |
| parent | 4ba9f9820948ebe85be06487eac41047fc5aa06b (diff) | |
Merge pull request #963 from MontyQI/mobile-bar
Mobile bar google-like
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 a1a74480b..7c211fbb0 100644 --- a/searx/static/themes/simple/src/less/autocomplete.less +++ b/searx/static/themes/simple/src/less/autocomplete.less @@ -2,6 +2,7 @@ .autocomplete { position: absolute; + width: @search-width; max-height: 0; overflow-y: hidden; .ltr-text-align-left(); @@ -25,7 +26,7 @@ > li { cursor: pointer; - padding: 0.5rem; + padding: 0.5rem 1rem; &.active, &:active, @@ -51,9 +52,10 @@ background-color: var(--color-autocomplete-background); color: var(--color-autocomplete-font); border: 1px solid var(--color-autocomplete-border); - max-height: 500px; + max-height: 32rem; overflow-y: auto; z-index: 100; + margin-top: 3.2rem; &:empty { display: none; @@ -63,11 +65,10 @@ @media screen and (max-width: @phone) { .autocomplete { - bottom: 0; - } + width: 100%; - .autocomplete > ul > li { - border-bottom: 1px solid var(--color-result-top-border); - text-align: left; + > ul > li { + padding: 1rem; + } } } |