diff options
| author | Alexandre Flament <alex@al-f.net> | 2022-02-27 19:48:21 +0100 |
|---|---|---|
| committer | Alexandre Flament <alex@al-f.net> | 2022-02-27 19:48:21 +0100 |
| commit | 56bb1443c4e6f305e86829e5b4596395fc29336e (patch) | |
| tree | a0d1fa63f30ab87906641076007a52fbdd43c83c /searx | |
| parent | e435806505d58f3ad77223dcafee2f99ca427e00 (diff) | |
[fix] simple: display "Click on the magnifier..." only the mouse over the categories
Diffstat (limited to 'searx')
| -rw-r--r-- | searx/static/themes/simple/src/less/search.less | 14 | ||||
| -rw-r--r-- | searx/templates/simple/categories.html | 2 |
2 files changed, 15 insertions, 1 deletions
diff --git a/searx/static/themes/simple/src/less/search.less b/searx/static/themes/simple/src/less/search.less index dff7bd612..a9a00d585 100644 --- a/searx/static/themes/simple/src/less/search.less +++ b/searx/static/themes/simple/src/less/search.less @@ -73,6 +73,20 @@ .search_categories { grid-area: categories; + + .help { + display: none; + } + + &:hover .help { + display: block; + position: absolute; + background: var(--color-base-background); + padding: 1rem 0.6rem 0.6rem 0; + z-index: 1000; + width: 100%; + left: -0.1rem; + } } .search_box { diff --git a/searx/templates/simple/categories.html b/searx/templates/simple/categories.html index 71a211904..cee9f1e35 100644 --- a/searx/templates/simple/categories.html +++ b/searx/templates/simple/categories.html @@ -13,7 +13,6 @@ } -%} <div id="categories" class="search_categories">{{- '' -}} <div id="categories_container"> - {%- if display_tooltip %}<div class="help">{{ _('Click on the magnifier to perform search') }}</div>{% endif -%} {%- for category in categories_as_tabs -%} <div class="category"><input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}"{% if category in selected_categories %} checked="checked"{% endif %}/> <label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips"> @@ -22,5 +21,6 @@ </label> </div> {%- endfor -%} + {%- if display_tooltip %}<div class="help">{{ _('Click on the magnifier to perform search') }}</div>{% endif -%} </div>{{- '' -}} </div> |