mirror of
https://github.com/tubearchivist/tubearchivist-frontend.git
synced 2024-11-22 11:50:14 +00:00
improved sort order mobile layout on home
This commit is contained in:
parent
2d6cc43a9e
commit
42f4f4cb6f
@ -7,27 +7,26 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="info-box info-box-2">
|
<div class="info-box info-box-2">
|
||||||
<div class="sort">
|
<div class="sort">
|
||||||
<p>Sort by <span class="settings-current">{{ sort_by }}</span>
|
<span>Sort by <span class="settings-current">{{ sort_by }}</span></span>
|
||||||
<select name="sort" id="sort" onchange="sortChange(this.value)">
|
<select name="sort" id="sort" onchange="sortChange(this.value)">
|
||||||
<option value="" disabled selected> -- change sort by -- </option>
|
<option value="" disabled selected> -- change sort by -- </option>
|
||||||
<option value="published">date published</option>
|
<option value="published">date published</option>
|
||||||
<option value="downloaded">date downloaded</option>
|
<option value="downloaded">date downloaded</option>
|
||||||
<option value="views">views</option>
|
<option value="views">views</option>
|
||||||
<option value="likes">likes</option>
|
<option value="likes">likes</option>
|
||||||
</select>
|
</select>
|
||||||
<select name="sord-order" id="sort-order" onchange="sortChange(this.value)">
|
<select name="sord-order" id="sort-order" onchange="sortChange(this.value)">
|
||||||
{% if sort_order == "asc" %}
|
{% if sort_order == "asc" %}
|
||||||
<option value="asc" selected>asc</option>
|
<option value="asc" selected>asc</option>
|
||||||
{% else %}
|
{% else %}
|
||||||
<option value="asc">asc</option>
|
<option value="asc">asc</option>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if sort_order == "desc" %}
|
{% if sort_order == "desc" %}
|
||||||
<option value="desc" selected>desc</option>
|
<option value="desc" selected>desc</option>
|
||||||
{% else %}
|
{% else %}
|
||||||
<option value="desc">desc</option>
|
<option value="desc">desc</option>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</select>
|
</select>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="search-form icon-text">
|
<div class="search-form icon-text">
|
||||||
<div class="search-icon">
|
<div class="search-icon">
|
||||||
|
@ -525,6 +525,10 @@ button:hover {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.sort span {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
/* login */
|
/* login */
|
||||||
.login-page {
|
.login-page {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
Loading…
Reference in New Issue
Block a user