Archives/tubearchivist
2
0
Fork 0
mirror of https://github.com/tubearchivist/tubearchivist synced 2024-11-19 15:25:51 +00:00
Code Issues Projects Releases Wiki Activity

add vid_type tag to queue thumb

Browse Source
This commit is contained in:
simon 2023-01-02 17:44:02 +07:00
parent 46229db64c
commit 0c8830793c
No known key found for this signature in database
GPG Key ID: 2C15AA5E89985DD4
2 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
tubearchivist/home/templates/home/downloads.html
View File

@ -73,11 +73,14 @@
<div class="video-thumb-wrap {{ view_style }}">
<div class="video-thumb">
<img src="{{ video.source.vid_thumb_url }}" alt="video_thumb">
<div class="video-tags">
{% if show_ignored_only %}
<span>ignored</span>
{% else %}
<span>queued</span>
{% endif %}
<span>{{ video.source.vid_type }}</span>
</div>
</div>
</div>
<div class="video-desc {{ view_style }}">
@ -96,7 +99,7 @@
<button data-id="{{ video.source.youtube_id }}" onclick="addSingle(this)">Add to queue</button>
{% else %}
<button data-id="{{ video.source.youtube_id }}" onclick="toIgnore(this)">Ignore</button>
<button id="{{ video.source.youtube_id }}" data-id="{{ video.source.youtube_id }}" data-type="{{ video.source.vid_type }}" onclick="downloadNow(this)">Download now</button>
<button id="{{ video.source.youtube_id }}" data-id="{{ video.source.youtube_id }}" onclick="downloadNow(this)">Download now</button>
{% endif %}
</div>
</div>

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

@ -462,7 +462,7 @@ video:-webkit-full-screen {
overflow: hidden;
}
.video-item:hover .video-thumb span {
.video-item:hover .video-thumb div {
opacity: 1;
}
@ -486,16 +486,20 @@ video:-webkit-full-screen {
position: relative;
}
.video-thumb span {
.video-thumb div {
position: absolute;
top: 5px;
left: 5px;
background-color: var(--accent-font-light);
left: 0;
padding: 5px;
opacity: 0;
transition: 300ms ease-in-out;
}
.video-tags span {
background-color: var(--accent-font-light);
padding: 5px;
}
.video-play img {
width: 40px;
filter: var(--img-filter);