iv-org/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2024-07-02 09:31:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

HTML: Fix thumbnails of related videos (watch page)

Browse Source
This commit is contained in:
Samantaz Fox 2023-04-24 22:19:46 +02:00
parent 411208bbd2
commit 06b2bab795
No known key found for this signature in database
GPG Key ID: F42821059186176E
1 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/invidious/views/watch.ecr
View File

@ -304,15 +304,26 @@ we're going to need to do it here in order to allow for translations.
<% video.related_videos.each do |rv| %> <% video.related_videos.each do |rv| %>
<% if rv["id"]? %> <% if rv["id"]? %>
<a href="/watch?v=<%= rv["id"] %>&listen=<%= params.listen %>"> <div class="pure-u-1">
<% if !env.get("preferences").as(Preferences).thin_mode %>
<div class="thumbnail"> <div class="thumbnail">
<%- if !env.get("preferences").as(Preferences).thin_mode -%>
<a tabindex="-1" href="/watch?v=<%= rv["id"] %>&listen=<%= params.listen %>">
<img loading="lazy" class="thumbnail" src="/vi/<%= rv["id"] %>/mqdefault.jpg" alt="" /> <img loading="lazy" class="thumbnail" src="/vi/<%= rv["id"] %>/mqdefault.jpg" alt="" />
<p class="length"><%= recode_length_seconds(rv["length_seconds"]?.try &.to_i? || 0) %></p> </a>
</div> <%- end -%>
<% end %>
<p style="width:100%"><%= rv["title"] %></p> <div class="bottom-right-overlay">
</a> <%- if (length_seconds = rv["length_seconds"]?.try &.to_i?) && length_seconds != 0 -%>
<p class="length"><%= recode_length_seconds(length_seconds) %></p>
<%- end -%>
</div>
</div>
<div class="video-card-row">
<a href="/watch?v=<%= rv["id"] %>&listen=<%= params.listen %>"><p dir="auto"><%= HTML.escape(rv["title"]) %></p></a>
</div>
<h5 class="pure-g"> <h5 class="pure-g">
<div class="pure-u-14-24"> <div class="pure-u-14-24">
<% if rv["ucid"]? %> <% if rv["ucid"]? %>
@ -330,6 +341,8 @@ we're going to need to do it here in order to allow for translations.
%></b> %></b>
</div> </div>
</h5> </h5>
</div>
<% end %> <% end %>
<% end %> <% end %>
</div> </div>