Add title to budget header
This commit is contained in:
@@ -1135,6 +1135,20 @@
|
|||||||
padding-bottom: $line-height;
|
padding-bottom: $line-height;
|
||||||
padding-top: $line-height;
|
padding-top: $line-height;
|
||||||
|
|
||||||
|
.budget-title {
|
||||||
|
font-weight: bold;
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
&::after {
|
||||||
|
border-bottom: 2px solid #fff;
|
||||||
|
content: "";
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: $line-height / 2;
|
||||||
|
display: block;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
h1,
|
h1,
|
||||||
h2,
|
h2,
|
||||||
p,
|
p,
|
||||||
|
|||||||
@@ -1,6 +1,7 @@
|
|||||||
<div class="budget-header">
|
<div class="budget-header">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="small-12 column">
|
<div class="small-12 column">
|
||||||
|
<span class="budget-title"><%= t("budgets.index.title") %></span>
|
||||||
<h1><%= budget.name %></h1>
|
<h1><%= budget.name %></h1>
|
||||||
<div class="description">
|
<div class="description">
|
||||||
<%= auto_link_already_sanitized_html wysiwyg(budget.description) %>
|
<%= auto_link_already_sanitized_html wysiwyg(budget.description) %>
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ describe Budgets::BudgetComponent, type: :component do
|
|||||||
render_inline Budgets::BudgetComponent.new(budget)
|
render_inline Budgets::BudgetComponent.new(budget)
|
||||||
|
|
||||||
within(".budget-header") do
|
within(".budget-header") do
|
||||||
|
expect(page).to have_content("PARTICIPATORY BUDGETS")
|
||||||
expect(page).to have_content(budget.name)
|
expect(page).to have_content(budget.name)
|
||||||
expect(page).to have_content(budget.description)
|
expect(page).to have_content(budget.description)
|
||||||
expect(page).to have_link("Help with participatory budgets")
|
expect(page).to have_link("Help with participatory budgets")
|
||||||
|
|||||||
Reference in New Issue
Block a user