improved sort order mobile layout on home

This commit is contained in:
simon 2021-12-18 18:38:01 +07:00
parent 2d6cc43a9e
commit 42f4f4cb6f
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
2 changed files with 24 additions and 21 deletions

View File

@ -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">

View File

@ -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;