consul/nairobi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add code to goal title

Browse Source 
The same way it's done in UN official SDG pages.
This commit is contained in:
Javi Martín
2020-12-26 22:30:08 +01:00
parent 46c6aa7f5f
commit bec166548c
4 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/stylesheets/sdg/goals/show.scss
View File

@@ -31,6 +31,11 @@
font-weight: 500; font-weight: 500;
letter-spacing: -1px; letter-spacing: -1px;
text-transform: uppercase; text-transform: uppercase;
.goal-code {
letter-spacing: -0.1em;
margin-right: rem-calc(10);
}
} }
@each $code, $color in $sdg-colors { @each $code, $color in $sdg-colors {

2
app/components/sdg/goals/show_component.html.erb
View File

@@ -5,7 +5,7 @@
<article class="sdg-goal sdg-goal-<%= goal.code %>"> <article class="sdg-goal sdg-goal-<%= goal.code %>">
<header> <header>
<h1><%= goal.title %></h1> <h1><%= heading %></h1>
</header> </header>
</article> </article>

4
app/components/sdg/goals/show_component.rb
View File

@@ -15,4 +15,8 @@ class SDG::Goals::ShowComponent < ApplicationComponent
def processes_feed def processes_feed
feeds.find { |feed| feed.kind == "processes" } feeds.find { |feed| feed.kind == "processes" }
end end
def heading
safe_join([tag.span(goal.code, class: "goal-code"), tag.span(goal.title, class: "goal-title")], " ")
end
end end

2
spec/system/sdg/goals_spec.rb
View File

@@ -47,7 +47,7 @@ describe "SDG Goals", :js do
scenario "shows the SDG and its related content" do scenario "shows the SDG and its related content" do
visit sdg_goal_path(15) visit sdg_goal_path(15)
within(".sdg-goal header") { expect(page).to have_content "LIFE ON LAND" } within(".sdg-goal header") { expect(page).to have_content "15 LIFE ON LAND" }
within ".feed-proposals" do within ".feed-proposals" do
expect(page).to have_content "Animal farm" expect(page).to have_content "Animal farm"