Support overflow grid

This commit is contained in:
Omar Roth 2018-11-19 18:43:06 -06:00
parent ad20d6359b
commit c7e8d623c0
6 changed files with 14 additions and 14 deletions

View File

@ -67,13 +67,13 @@
<hr> <hr>
</div> </div>
<% videos.each_slice(4) do |slice| %>
<div class="pure-g"> <div class="pure-g">
<% videos.each_slice(4) do |slice| %>
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<div class="pure-g h-box"> <div class="pure-g h-box">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">

View File

@ -2,10 +2,10 @@
<title>Invidious</title> <title>Invidious</title>
<% end %> <% end %>
<div class="pure-g">
<% top_videos.each_slice(4) do |slice| %> <% top_videos.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>

View File

@ -13,10 +13,10 @@
</div> </div>
</div> </div>
<% mix.videos.each_slice(4) do |slice| %>
<div class="pure-g"> <div class="pure-g">
<% mix.videos.each_slice(4) do |slice| %>
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>

View File

@ -24,13 +24,13 @@
<p><%= playlist.description_html %></p> <p><%= playlist.description_html %></p>
</div> </div>
<% videos.each_slice(4) do |slice| %>
<div class="pure-g"> <div class="pure-g">
<% videos.each_slice(4) do |slice| %>
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<div class="pure-g h-box"> <div class="pure-g h-box">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">

View File

@ -2,13 +2,13 @@
<title><%= search_query.not_nil!.size > 30 ? HTML.escape(query.not_nil![0,30].rstrip(".") + "...") : HTML.escape(query.not_nil!) %> - Invidious</title> <title><%= search_query.not_nil!.size > 30 ? HTML.escape(query.not_nil![0,30].rstrip(".") + "...") : HTML.escape(query.not_nil!) %> - Invidious</title>
<% end %> <% end %>
<% videos.each_slice(4) do |slice| %>
<div class="pure-g"> <div class="pure-g">
<% videos.each_slice(4) do |slice| %>
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<div class="pure-g h-box"> <div class="pure-g h-box">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">

View File

@ -23,25 +23,25 @@
</div> </div>
<% end %> <% end %>
<div class="pure-g">
<% notifications.each_slice(4) do |slice| %> <% notifications.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<div class="h-box"> <div class="h-box">
<hr> <hr>
</div> </div>
<div class="pure-g">
<% videos.each_slice(4) do |slice| %> <% videos.each_slice(4) do |slice| %>
<div class="pure-g">
<% slice.each do |item| %> <% slice.each do |item| %>
<%= rendered "components/item" %> <%= rendered "components/item" %>
<% end %> <% end %>
</div>
<% end %> <% end %>
</div>
<div class="pure-g"> <div class="pure-g">
<div class="pure-u-1 pure-u-md-1-5"> <div class="pure-u-1 pure-u-md-1-5">