forked from Ponysearch/Ponysearch
[fix] simple: display "Click on the magnifier..." only the mouse over the categories
This commit is contained in:
parent
e435806505
commit
56bb1443c4
2 changed files with 15 additions and 1 deletions
|
@ -73,6 +73,20 @@
|
||||||
|
|
||||||
.search_categories {
|
.search_categories {
|
||||||
grid-area: 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 {
|
.search_box {
|
||||||
|
|
|
@ -13,7 +13,6 @@
|
||||||
} -%}
|
} -%}
|
||||||
<div id="categories" class="search_categories">{{- '' -}}
|
<div id="categories" class="search_categories">{{- '' -}}
|
||||||
<div id="categories_container">
|
<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 -%}
|
{%- 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 %}/>
|
<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">
|
<label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips">
|
||||||
|
@ -22,5 +21,6 @@
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
{%- endfor -%}
|
{%- endfor -%}
|
||||||
|
{%- if display_tooltip %}<div class="help">{{ _('Click on the magnifier to perform search') }}</div>{% endif -%}
|
||||||
</div>{{- '' -}}
|
</div>{{- '' -}}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in a new issue