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 -%} {%- endif -%}
{% endmacro %} {% 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-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' }}"> <div class="item {{ info['type'] + '-item' }}">
<a class="thumbnail-box" href="{{ info['url'] }}" title="{{ info['title'] }}"> <a class="thumbnail-box" href="{{ info['url'] }}" title="{{ info['title'] }}">
@ -52,7 +52,9 @@
{% if description %} {% if description %}
<span class="description">{{ text_runs(info.get('description', '')) }}</span> <span class="description">{{ text_runs(info.get('description', '')) }}</span>
{% endif %} {% endif %}
<span class="badges">{{ info['badges']|join(' | ') }}</span> {% if include_badges %}
<span class="badges">{{ info['badges']|join(' | ') }}</span>
{% endif %}
</div> </div>
{% if info['type'] == 'video' %} {% if info['type'] == 'video' %}
<input class="item-checkbox" type="checkbox" name="video_info_list" value="{{ info['video_info'] }}" form="playlist-edit"> <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{ .related-videos-inner{
padding-top: 10px; padding-top: 10px;
display: grid; display: grid;
grid-auto-rows: 94px; grid-auto-rows: 90px;
grid-row-gap: 10px; 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 */ /* Put related vids below videos when window is too small */
/* 1100px instead of 1080 because W3C is full of idiots who include scrollbar width */ /* 1100px instead of 1080 because W3C is full of idiots who include scrollbar width */
@ -311,7 +315,7 @@
<summary>Related Videos</summary> <summary>Related Videos</summary>
<nav class="related-videos-inner"> <nav class="related-videos-inner">
{% for info in related %} {% for info in related %}
{{ common_elements.item(info) }} {{ common_elements.item(info, include_badges=false) }}
{% endfor %} {% endfor %}
</nav> </nav>
</details> </details>