improves headings and outline structure

This commit is contained in:
Alberto Garcia Cabeza
2016-12-05 17:02:42 +01:00
parent ae12848e23
commit 3b2fe1e184
12 changed files with 19 additions and 15 deletions

View File

@@ -577,7 +577,7 @@ footer {
} }
} }
h3.sidebar-title { h2.sidebar-title {
border-top: 2px solid $brand; border-top: 2px solid $brand;
display: inline-block; display: inline-block;
font-size: rem-calc(16); font-size: rem-calc(16);

View File

@@ -383,7 +383,7 @@
aside { aside {
h3 { h2 {
border-top: 2px solid $brand; border-top: 2px solid $brand;
display: inline-block; display: inline-block;
font-size: rem-calc(16); font-size: rem-calc(16);
@@ -844,11 +844,15 @@
} }
p { p {
margin-bottom: 0;
&.title { &.title {
color: #FFD200; color: #FFD200;
} }
&.title-date {
font-size: rem-calc(24);
font-weight: bold;
}
} }
.info { .info {

View File

@@ -44,12 +44,12 @@
<aside class="small-12 medium-3 column"> <aside class="small-12 medium-3 column">
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("votes.supports") %></h3> <h2><%= t("votes.supports") %></h2>
<div id="<%= dom_id(@debate) %>_votes"> <div id="<%= dom_id(@debate) %>_votes">
<%= render 'debates/votes', debate: @debate %> <%= render 'debates/votes', debate: @debate %>
</div> </div>
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("debates.show.share") %></h3> <h2><%= t("debates.show.share") %></h2>
<div class="social-share-full"> <div class="social-share-full">
<%= social_share_button_tag("#{@debate.title} #{setting['twitter_hashtag']}") %> <%= social_share_button_tag("#{@debate.title} #{setting['twitter_hashtag']}") %>
<% if browser.device.mobile? %> <% if browser.device.mobile? %>

View File

@@ -1,7 +1,7 @@
<%= paginator.render do -%> <%= paginator.render do -%>
<div class="pagination-centered"> <div class="pagination-centered">
<nav> <nav>
<h1 class="sr-only"><%= t("shared.outline.pagination") %></h1> <h2 class="sr-only"><%= t("shared.outline.pagination") %></h2>
<ul class="pagination text-center margin-top" aria-label="Pagination"> <ul class="pagination text-center margin-top" aria-label="Pagination">
<%= first_page_tag unless current_page.first? %> <%= first_page_tag unless current_page.first? %>
<%= prev_page_tag unless current_page.first? %> <%= prev_page_tag unless current_page.first? %>

View File

@@ -11,7 +11,7 @@
<div class="small-12 medium-4 column info" data-equalizer-watch> <div class="small-12 medium-4 column info" data-equalizer-watch>
<p class="title"><strong><%= t("proposal_ballots.date_title") %></strong></p> <p class="title"><strong><%= t("proposal_ballots.date_title") %></strong></p>
<h3><%= t("proposal_ballots.date") %></h3> <p class="title-date"><%= t("proposal_ballots.date") %></p>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -1,5 +1,5 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("shared.tags_cloud.categories") %></h3> <h2 class="sidebar-title"><%= t("shared.tags_cloud.categories") %></h2>
<br> <br>
<div id="categories" class="categories"> <div id="categories" class="categories">

View File

@@ -1,5 +1,5 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("shared.tags_cloud.districts") %></h3> <h2 class="sidebar-title"><%= t("shared.tags_cloud.districts") %></h2>
<br> <br>
<%= link_to map_proposals_path, id: 'map', title: t("shared.tags_cloud.districts_list") do %> <%= link_to map_proposals_path, id: 'map', title: t("shared.tags_cloud.districts_list") do %>
<%= image_tag("map.jpg", alt: t("shared.tags_cloud.districts_list")) %> <%= image_tag("map.jpg", alt: t("shared.tags_cloud.districts_list")) %>

View File

@@ -1,5 +1,5 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("proposals.index.top") %></h3> <h2 class="sidebar-title"><%= t("proposals.index.top") %></h2>
<p> <p>
<%= link_to t("proposals.index.top_link_proposals"), summary_proposals_path, class: "small" %><br> <%= link_to t("proposals.index.top_link_proposals"), summary_proposals_path, class: "small" %><br>

View File

@@ -1,5 +1,5 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("proposals.index.retired_proposals") %></h3> <h2 class="sidebar-title"><%= t("proposals.index.retired_proposals") %></h2>
<% if params[:retired].blank? %> <% if params[:retired].blank? %>
<p><%= link_to t("proposals.index.retired_proposals_link"), proposals_path(retired: 'all'), class: "small" %></p> <p><%= link_to t("proposals.index.retired_proposals_link"), proposals_path(retired: 'all'), class: "small" %></p>

View File

@@ -101,7 +101,7 @@
<aside class="small-12 medium-3 column"> <aside class="small-12 medium-3 column">
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3><%= t("votes.supports") %></h3> <h2><%= t("votes.supports") %></h2>
<div id="<%= dom_id(@proposal) %>_votes" class="supports text-center"> <div id="<%= dom_id(@proposal) %>_votes" class="supports text-center">
<% if @proposal.successfull? %> <% if @proposal.successfull? %>
<p> <p>
@@ -119,7 +119,7 @@
<% end %> <% end %>
</div> </div>
<div id="social-share" class="sidebar-divider"></div> <div id="social-share" class="sidebar-divider"></div>
<h3><%= t("proposals.show.share") %></h3> <h2><%= t("proposals.show.share") %></h2>
<div class="social-share-full"> <div class="social-share-full">
<%= social_share_button_tag("#{@proposal.title} #{setting['twitter_hashtag']}") %> <%= social_share_button_tag("#{@proposal.title} #{setting['twitter_hashtag']}") %>
<% if browser.device.mobile? %> <% if browser.device.mobile? %>

View File

@@ -1,6 +1,6 @@
<div id="tag-cloud" class="tag-cloud"> <div id="tag-cloud" class="tag-cloud">
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("shared.tags_cloud.tags") %></h3> <h2 class="sidebar-title"><%= t("shared.tags_cloud.tags") %></h2>
<br> <br>
<% @tag_cloud.tags.each do |tag| %> <% @tag_cloud.tags.each do |tag| %>

View File

@@ -1,5 +1,5 @@
<div class="sidebar-divider"></div> <div class="sidebar-divider"></div>
<h3 class="sidebar-title"><%= t("spending_proposals.index.sidebar.geozones") %></h3> <h2 class="sidebar-title"><%= t("spending_proposals.index.sidebar.geozones") %></h2>
<br> <br>
<div class="geozone"> <div class="geozone">
<%= link_to t('geozones.all'), spending_proposals_path(geozone: nil) %> <%= link_to t('geozones.all'), spending_proposals_path(geozone: nil) %>