Improves homepage layout

This commit is contained in:
decabeza
2018-06-06 11:23:43 +02:00
parent 24bf72b3f1
commit ee0bbe42fd
4 changed files with 34 additions and 28 deletions

View File

@@ -1,15 +1,15 @@
<div class="row margin-bottom feeds-list">
<div class="row margin-bottom feeds-list" data-equalizer data-equalize-on="medium">
<% @feeds.each do |feed| %>
<% if feed_proposals?(feed) %>
<div class="small-12 medium-8 column margin-top">
<div class="feed-content">
<div class="feed-content" data-equalizer-watch>
<h3 class="title"><%= t("welcome.feed.most_active.#{feed.kind}") %></h3>
<% feed.items.each do |item| %>
<div class="<%= item.class.to_s.parameterize('_') %> row">
<% if feature?(:allow_images) && item.image.present? %>
<div class="small-12 large-3 column">
<div class="small-12 medium-6 large-3 column">
<div class="feed-image">
<%= image_tag item.image_url(:thumb),
alt: item.image.title.unicode_normalize %>
@@ -22,15 +22,15 @@
</div>
</div>
<% end %>
<%= link_to t("welcome.feed.see_all_proposals"), proposals_path, class: "float-right see-all" %>
</div>
<%= link_to t("welcome.feed.see_all_proposals"), proposals_path, class: "see-all" %>
</div>
<% end %>
<% if feed_debates?(feed) %>
<div class="small-12 medium-4 column margin-top">
<div class="feed-content">
<div class="feed-content" data-equalizer-watch>
<h3 class="title"><%= t("welcome.feed.most_active.#{feed.kind}") %></h3>
<% feed.items.each do |item| %>
@@ -38,9 +38,9 @@
<strong><%= link_to item.title, url_for(item) %></strong>
</div>
<% end %>
<%= link_to t("welcome.feed.see_all_debates"), debates_path, class: "float-right see-all" %>
</div>
<%= link_to t("welcome.feed.see_all_debates"), debates_path, class: "see-all" %>
</div>
<% end %>

View File

@@ -16,11 +16,11 @@
<div class="row">
<div class="small-12 column <%= 'medium-8' if feed_processes_enabled? %>">
<div class="small-12 column <%= 'large-8' if feed_processes_enabled? %>">
<%= render "cards" %>
</div>
<div class="small-12 medium-4 column">
<div class="small-12 large-4 column">
<%= render "processes" %>
</div>
</div>