tubearchivist
/
tubearchivist
mirror of https://github.com/tubearchivist/tubearchivist.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

reset mobile variable gird row count

This commit is contained in:
simon 2022-05-28 21:41:17 +07:00
parent 9f92bf95b4
commit 0759b4f220
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
3 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
tubearchivist/home/templates/home/channel_id.html
View File

@ -144,9 +144,11 @@
<div class="view-icons"> <div class="view-icons">
<img src="{% static 'img/icon-sort.svg' %}" alt="sort-icon" onclick="showForm()" id="animate-icon"> <img src="{% static 'img/icon-sort.svg' %}" alt="sort-icon" onclick="showForm()" id="animate-icon">
{% if view_style == "grid" %} {% if view_style == "grid" %}
<div class="grid-count">
<span>{{ grid_items }}</span> <span>{{ grid_items }}</span>
<img src="{% static 'img/icon-add.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"1"}}" alt="grid plus row"> <img src="{% static 'img/icon-add.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"1"}}" alt="grid plus row">
<img src="{% static 'img/icon-substract.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"-1"}}" alt="grid minus row"> <img src="{% static 'img/icon-substract.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"-1"}}" alt="grid minus row">
</div>
{% endif %} {% endif %}
<img src="{% static 'img/icon-gridview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="grid" alt="grid view"> <img src="{% static 'img/icon-gridview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="grid" alt="grid view">
<img src="{% static 'img/icon-listview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="list" alt="list view"> <img src="{% static 'img/icon-listview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="list" alt="list view">

8
tubearchivist/home/templates/home/home.html
View File

@ -75,9 +75,11 @@
<div class="view-icons"> <div class="view-icons">
<img src="{% static 'img/icon-sort.svg' %}" alt="sort-icon" onclick="showForm()" id="animate-icon"> <img src="{% static 'img/icon-sort.svg' %}" alt="sort-icon" onclick="showForm()" id="animate-icon">
{% if view_style == "grid" %} {% if view_style == "grid" %}
<span>{{ grid_items }}</span> <div class="grid-count">
<img src="{% static 'img/icon-add.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"1"}}" alt="grid plus row"> <span>{{ grid_items }}</span>
<img src="{% static 'img/icon-substract.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"-1"}}" alt="grid minus row"> <img src="{% static 'img/icon-add.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"1"}}" alt="grid plus row">
<img src="{% static 'img/icon-substract.svg' %}" onclick="changeGridItems(this)" data-value="{{ grid_items|add:"-1"}}" alt="grid minus row">
</div>
{% endif %} {% endif %}
<img src="{% static 'img/icon-gridview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="grid" alt="grid view"> <img src="{% static 'img/icon-gridview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="grid" alt="grid view">
<img src="{% static 'img/icon-listview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="list" alt="list view"> <img src="{% static 'img/icon-listview.svg' %}" onclick="changeView(this)" data-origin="home" data-value="list" alt="list view">

26
tubearchivist/static/css/style.css
View File

@ -133,6 +133,11 @@ button:hover {
margin: 0 auto; margin: 0 auto;
} }
.boxed-content.boxed-4 {
max-width: 1200px;
width: 80%;
}
.boxed-content.boxed-5, .boxed-content.boxed-5,
.boxed-content.boxed-6, .boxed-content.boxed-6,
.boxed-content.boxed-7 { .boxed-content.boxed-7 {
@ -335,12 +340,14 @@ button:hover {
margin: 15px 0; margin: 15px 0;
} }
.view-icons { .view-icons,
.grid-count {
display: flex; display: flex;
justify-content: end; justify-content: end;
} }
.view-icons img { .view-icons img,
.grid-count img {
width: 30px; width: 30px;
margin: 5px 10px; margin: 5px 10px;
cursor: pointer; cursor: pointer;
@ -1077,7 +1084,11 @@ button:hover {
.boxed-content { .boxed-content {
width: 90%; width: 90%;
} }
.video-list.grid, .video-list.grid.grid-3,
.video-list.grid.grid-4,
.video-list.grid.grid-5,
.video-list.grid.grid-6,
.video-list.grid.grid-7,
.dl-list.grid, .dl-list.grid,
.channel-list.grid, .channel-list.grid,
.playlist-list.grid { .playlist-list.grid {
@ -1107,6 +1118,9 @@ button:hover {
position: unset; position: unset;
transform: unset; transform: unset;
} }
.grid-count {
display: none;
}
.video-player { .video-player {
height: unset; height: unset;
padding: 20px 0 padding: 20px 0
@ -1121,7 +1135,11 @@ button:hover {
* { * {
word-wrap: anywhere; word-wrap: anywhere;
} }
.video-list.grid, .video-list.grid.grid-3,
.video-list.grid.grid-4,
.video-list.grid.grid-5,
.video-list.grid.grid-6,
.video-list.grid.grid-7,
.dl-list.grid, .dl-list.grid,
.channel-list.grid, .channel-list.grid,
.video-item.list, .video-item.list,