fix mobile view-controls break

This commit is contained in:
simon
2022-10-27 16:15:32 +07:00
parent e4c5529412
commit 9b69a8dc91
4 changed files with 7 additions and 4 deletions

View File

@@ -47,7 +47,7 @@
</div> </div>
</div> </div>
<div class="boxed-content {% if view_style == "grid" %}boxed-{{ grid_items }}{% endif %}"> <div class="boxed-content {% if view_style == "grid" %}boxed-{{ grid_items }}{% endif %}">
<div class="view-controls"> <div class="view-controls three">
<div class="toggle"> <div class="toggle">
<span>Hide watched videos:</span> <span>Hide watched videos:</span>
<div class="toggleBox"> <div class="toggleBox">

View File

@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="view-controls"> <div class="view-controls three">
<div class="toggle"> <div class="toggle">
<span>Show only ignored videos:</span> <span>Show only ignored videos:</span>
<div class="toggleBox"> <div class="toggleBox">
@@ -42,7 +42,6 @@
</div> </div>
<div class="view-icons"> <div class="view-icons">
{% if channel_agg_list|length > 1 %} {% if channel_agg_list|length > 1 %}
<span>Filter:</span>
<select name="channel_filter" id="channel_filter" onchange="channelFilterDownload(this.value)"> <select name="channel_filter" id="channel_filter" onchange="channelFilterDownload(this.value)">
<option value="all" {% if not channel_filter_id %}selected{% endif %}>all</option> <option value="all" {% if not channel_filter_id %}selected{% endif %}>all</option>
{% for channel in channel_agg_list %} {% for channel in channel_agg_list %}

View File

@@ -45,7 +45,7 @@
<div class="title-bar"> <div class="title-bar">
<h1>Recent Videos</h1> <h1>Recent Videos</h1>
</div> </div>
<div class="view-controls"> <div class="view-controls three">
<div class="toggle"> <div class="toggle">
<span>Hide watched:</span> <span>Hide watched:</span>
<div class="toggleBox"> <div class="toggleBox">

View File

@@ -1182,6 +1182,10 @@ video:-webkit-full-screen {
margin: 15px; margin: 15px;
text-align: center; text-align: center;
} }
.view-controls.three {
grid-template-columns: unset;
justify-content: center;
}
.sort { .sort {
display: block; display: block;
} }