These element had no columns inside and the row classes had only been added to give them a maximum width. That's no longer necessary since now the body has that maximum width.
30 lines
999 B
Plaintext
30 lines
999 B
Plaintext
<% provide(:title) { t("sdg.goals.help.title") } %>
|
|
|
|
<% content_for :canonical do %>
|
|
<%= render "shared/canonical", href: sdg_help_url %>
|
|
<% end %>
|
|
|
|
<section class="sdg-help-content">
|
|
<h1><%= t("sdg.goals.help.title") %></h1>
|
|
<p><%= t("sdg.goals.help.description") %></p>
|
|
<ul class="tabs" id="help_tabs" data-deep-link="true" data-tabs>
|
|
<% @goals.each do |goal| %>
|
|
<li class="tabs-title <%= is_active?(goal) %>">
|
|
<%= link_to "#goal_#{goal.code}_tab" do %>
|
|
<% render SDG::Goals::IconComponent.new(goal) %>
|
|
<% end %>
|
|
</li>
|
|
<% end %>
|
|
</ul>
|
|
|
|
<div class="tabs-content" data-tabs-content="help_tabs">
|
|
<% @goals.each do |goal| %>
|
|
<div id="goal_<%= goal.code %>_tab" class="tabs-panel <%= is_active?(goal) %>">
|
|
<h2><%= goal.code_and_title %></h2>
|
|
<p><%= sanitize t("sdg.goals.goal_#{goal.code}.description") %></p>
|
|
<%= render SDG::Goals::TargetsComponent.new(goal) %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
</section>
|