catalog.html: add css classes for controls styling

This commit is contained in:
Zankaria 2024-10-24 23:48:22 +02:00
parent f0f784d113
commit 56a3d9d6c6

View file

@ -33,28 +33,34 @@
</div> </div>
</details> </details>
{% endif %} {% endif %}
<div class="controls"> <div class="theme-catalog controls">
<ul style="display: none"> <span>
<li id="sort-bump-order" class="sort" data-sort="data-bump" data-order="asc">{% trans 'Bump order' %}</li> <ul style="display: none">
<li id="sort-creation-date" class="sort" data-sort="data-time" data-order="asc">{% trans 'Creation date' %}</li> <li id="sort-bump-order" class="sort" data-sort="data-bump" data-order="asc">{% trans 'Bump order' %}</li>
<li id="sort-reply-count" class="sort" data-sort="data-reply" data-order="asc">{% trans 'Reply count' %}</li> <li id="sort-creation-date" class="sort" data-sort="data-time" data-order="asc">{% trans 'Creation date' %}</li>
<li id="sort-random" class="sort" data-sort="random">{% trans 'Random' %}</li> <li id="sort-reply-count" class="sort" data-sort="data-reply" data-order="asc">{% trans 'Reply count' %}</li>
</ul> <li id="sort-random" class="sort" data-sort="random">{% trans 'Random' %}</li>
</ul>
</span>
<span>{% trans 'Sort by' %}: </span> <span>
<select id="sort_by" style="display: inline-block"> <span>{% trans 'Sort by' %}: </span>
<option selected value="bump:desc">{% trans 'Bump order' %}</option> <select id="sort_by" style="display: inline-block">
<option value="time:desc">{% trans 'Creation date' %}</option> <option selected value="bump:desc">{% trans 'Bump order' %}</option>
<option value="reply:desc">{% trans 'Reply count' %}</option> <option value="time:desc">{% trans 'Creation date' %}</option>
<option value="random">{% trans 'Random' %}</option> <option value="reply:desc">{% trans 'Reply count' %}</option>
</select> <option value="random">{% trans 'Random' %}</option>
</select>
</span>
<span>{% trans 'Image size' %}: </span> <span>
<select id="image_size" style="display: inline-block"> <span>{% trans 'Image size' %}: </span>
<option value="vsmall">{% trans 'Small' %}</option> <select id="image_size" style="display: inline-block">
<option selected value="small">{% trans 'Medium' %}</option> <option value="vsmall">{% trans 'Small' %}</option>
<option value="large">{% trans 'Large' %}</option> <option selected value="small">{% trans 'Medium' %}</option>
</select> <option value="large">{% trans 'Large' %}</option>
</select>
</span>
</div> </div>
<br></br> <br></br>
<div class="threads"> <div class="threads">