add vid_type tag to queue thumb

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

View File

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

View File

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