improves html markup for recommended carousel partial

This commit is contained in:
decabeza
2017-12-15 18:32:01 +01:00
parent 32cf0b287f
commit 5a35189958

View File

@@ -1,7 +1,7 @@
<div class="small-12 medium-4 large-4 <%= carousel_size %> column text-center <%= key %> ">
<div class="card small-centered <%= key %>-inner">
<h4><%= t("welcome.recommended.#{key.underscore}.title") %></h4>
<h3><%= t("welcome.recommended.#{key.underscore}.title") %></h3>
<div class="orbit" role="region" data-orbit data-use-m-u-i="false">
<div class="orbit-wrapper">
@@ -14,9 +14,9 @@
<%= render_recommendation_image(recommended, image_default) %>
<div class="card-section">
<%= link_to recommended_path(recommended) do %>
<h5 class="truncate-horizontal-text"><%= recommended.title %></h5>
<h4 class="truncate-horizontal-text"><%= recommended.title %></h4>
<% end %>
<p><%= recommended.description %></p>
<%= recommended.description %>
</div>
</div>
</li>
@@ -27,13 +27,13 @@
</div>
<nav class="orbit-bullets">
<div class="orbit-bullets">
<% recommendeds.each_with_index do |recommended, index| %>
<button data-slide="<%= index %>" class="<%= active_class(index) %>">
<span class="show-for-sr">Second slide details.</span>
</button>
<% end %>
</nav>
</div>
</div>