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

Move header margin styles to CSS

Browse Source 
Using HTML classes to apply styles to certain elements makes views
harder to customize.
This commit is contained in:
Javi Martín
2020-08-10 15:59:02 +02:00
parent b8894eac70
commit 400c3a6fa0
3 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/stylesheets/participation.scss
View File

@@ -909,6 +909,8 @@
.help-header { .help-header {
background: #fafafa; background: #fafafa;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
margin-top: -$line-height;
margin-bottom: $line-height;
padding-bottom: $line-height / 2; padding-bottom: $line-height / 2;
padding-top: $line-height; padding-top: $line-height;
@@ -1142,6 +1144,7 @@
&.budget { &.budget {
background: $budget; background: $budget;
margin-top: -$line-height;
h1, h1,
h2, h2,

2
app/views/budgets/index.html.erb
View File

@@ -7,7 +7,7 @@
<% end %> <% end %>
<% if current_budget.present? %> <% if current_budget.present? %>
<div id="budget_heading" class="expanded budget no-margin-top"> <div id="budget_heading" class="expanded budget">
<div class="row" data-equalizer data-equalizer-on="medium"> <div class="row" data-equalizer data-equalizer-on="medium">
<div class="small-12 medium-9 column padding" data-equalizer-watch> <div class="small-12 medium-9 column padding" data-equalizer-watch>

2
app/views/shared/_section_header.html.erb
View File

@@ -1,4 +1,4 @@
<div class="help-header no-margin-top margin-bottom"> <div class="help-header">
<div class="row"> <div class="row">
<div class="small-12 column" data-magellan> <div class="small-12 column" data-magellan>
<%= image_tag "help/help_icon_#{image}.png", alt: t("#{i18n_namespace}.icon_alt"), class: "align-top" %> <%= image_tag "help/help_icon_#{image}.png", alt: t("#{i18n_namespace}.icon_alt"), class: "align-top" %>