Extraction: Fix thumbnail and remove badges on related videos

This commit is contained in:
James Taylor 2019-12-17 21:52:31 -08:00
parent e98a1965d2
commit ee0a118a6c
2 changed files with 10 additions and 4 deletions

View File

@ -14,7 +14,7 @@
{%- endif -%}
{% endmacro %}
{% macro item(info, description=false, horizontal=true, include_author=true) %}
{% macro item(info, description=false, horizontal=true, include_author=true, include_badges=true) %}
<div class="item-box {{ info['type'] + '-item-box' }} {{'horizontal-item-box' if horizontal else 'vertical-item-box'}} {{'has-description' if description else 'no-description'}}">
<div class="item {{ info['type'] + '-item' }}">
<a class="thumbnail-box" href="{{ info['url'] }}" title="{{ info['title'] }}">
@ -52,7 +52,9 @@
{% if description %}
<span class="description">{{ text_runs(info.get('description', '')) }}</span>
{% endif %}
<span class="badges">{{ info['badges']|join(' | ') }}</span>
{% if include_badges %}
<span class="badges">{{ info['badges']|join(' | ') }}</span>
{% endif %}
</div>
{% if info['type'] == 'video' %}
<input class="item-checkbox" type="checkbox" name="video_info_list" value="{{ info['video_info'] }}" form="playlist-edit">

View File

@ -165,9 +165,13 @@
.related-videos-inner{
padding-top: 10px;
display: grid;
grid-auto-rows: 94px;
grid-auto-rows: 90px;
grid-row-gap: 10px;
}
.thumbnail-box{ /* overides rule in shared.css */
height: 90px !important;
width: 120px !important;
}
/* Put related vids below videos when window is too small */
/* 1100px instead of 1080 because W3C is full of idiots who include scrollbar width */
@ -311,7 +315,7 @@
<summary>Related Videos</summary>
<nav class="related-videos-inner">
{% for info in related %}
{{ common_elements.item(info) }}
{{ common_elements.item(info, include_badges=false) }}
{% endfor %}
</nav>
</details>