move redundant keywords from downlaod title to badge, #64

This commit is contained in:
simon 2021-10-22 18:24:18 +07:00
parent 05b25d004e
commit dffe974f9e
2 changed files with 24 additions and 5 deletions

View File

@ -58,13 +58,14 @@
<div class="dl-item {{ view_style }}" id="dl-{{ video.youtube_id }}"> <div class="dl-item {{ view_style }}" id="dl-{{ video.youtube_id }}">
<div class="dl-thumb {{ view_style }}"> <div class="dl-thumb {{ view_style }}">
<img src="/cache/{{ video.vid_thumb_url }}" alt="video_thumb"> <img src="/cache/{{ video.vid_thumb_url }}" alt="video_thumb">
{% if show_ignored_only %}
<span>ignored</span>
{% else %}
<span>queued</span>
{% endif %}
</div> </div>
<div class="dl-desc {{ view_style }}"> <div class="dl-desc {{ view_style }}">
{% if show_ignored_only %} <h3>{{ video.title }}</h3>
<h3>Ignore: {{ video.title }}</h3>
{% else %}
<h3>Download: {{ video.title }}</h3>
{% endif %}
{% if video.channel_indexed %} {% if video.channel_indexed %}
<a href="{% url 'channel_id' video.channel_id %}">{{ video.channel_name }}</a> <a href="{% url 'channel_id' video.channel_id %}">{{ video.channel_name }}</a>
{% else %} {% else %}

View File

@ -672,6 +672,24 @@ button:hover {
width: 30px; width: 30px;
} }
.dl-item:hover > .dl-thumb span {
opacity: 1;
}
.dl-thumb {
position: relative;
}
.dl-thumb span {
position: absolute;
top: 5px;
left: 5px;
background-color: var(--accent-font-light);
padding: 5px;
opacity: 0;
transition: 300ms ease-in-out;
}
.dl-thumb.list { .dl-thumb.list {
width: 25%; width: 25%;
} }