[enh] category select warning message

This commit is contained in:
Adam Tauber 2014-11-18 19:44:33 +01:00
parent cb15a21681
commit b8efd1214f
3 changed files with 109 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -529,6 +529,10 @@ tr {
clear: both;
}
#categories_container {
position: relative;
}
@media screen and (max-width: @results-width) {
#results {
@ -685,3 +689,20 @@ tr {
color: @color-settings-return-font;
}
}
.hidden {
opacity: 0;
overflow: hidden;
font-size: 0.8em;
position: absolute;
bottom: -20px;
width: 100%;
text-position: center;
background: white;
transition: opacity 1s ease;
}
#categories_container:hover .hidden {
transition: opacity 1s ease;
opacity: 0.8;
}

View File

@ -2,8 +2,9 @@
<div id="categories_container">
{% for category in categories %}
<div class="checkbox_container">
<input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}" {% if category in selected_categories %}checked="checked"{% endif %} /><label for="checkbox_{{ category|replace(' ', '_') }}">{{ _(category) }}</label>
<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">{{ _(category) }}</label>
</div>
{% endfor %}
<div class="hidden">{{ _('Click on the magnifier to perform search') }}</div>
</div>
</div>