c4542457ac
So we don't add the same lines to pretty much every stylesheet we create. Eventually we'll remove this code and add a padding to every <main> element, or (even better) to the <body> element itself.
40 lines
1.4 KiB
Plaintext
40 lines
1.4 KiB
Plaintext
<% provide(:title) { goal.title } %>
|
|
|
|
<main class="sdg-goal-show">
|
|
<%= back_link_to sdg_goals_path %>
|
|
|
|
<article class="sdg-goal sdg-goal-<%= code %>">
|
|
<header>
|
|
<h1><%= heading %></h1>
|
|
</header>
|
|
<div class="goal-description-content">
|
|
<div id="description_goal_<%= goal.code %>" class="goal-description short" data-toggler="short">
|
|
<%= long_description %>
|
|
</div>
|
|
<div class="read-more">
|
|
<button type="button" id="read_more_goal_<%= goal.code %>"
|
|
data-toggle="description_goal_<%= goal.code %> read_more_goal_<%= goal.code %> read_less_goal_<%= goal.code %>"
|
|
data-toggler="hide">
|
|
<%= t("sdg.goals.show.read_more", goal: goal.title) %>
|
|
</button>
|
|
<button type="button" id="read_less_goal_<%= goal.code %>"
|
|
data-toggle="description_goal_<%= goal.code %> read_more_goal_<%= goal.code %> read_less_goal_<%= goal.code %>"
|
|
data-toggler="hide"
|
|
class="hide">
|
|
<%= t("sdg.goals.show.read_less", goal: goal.title) %>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
|
|
<%= render ::Widget::Feeds::ParticipationComponent.new(feeds) %>
|
|
|
|
<% if processes_feed %>
|
|
<div class="feeds-list">
|
|
<%= render ::Widget::Feeds::FeedComponent.new(processes_feed) %>
|
|
</div>
|
|
<% end %>
|
|
|
|
<%= render SDG::Goals::TargetsComponent.new(goal) %>
|
|
</main>
|