Add basic headings and navigaton styles for stats

This commit is contained in:
Javi Martín
2018-12-12 18:01:34 +01:00
parent c1b76a7ebf
commit afa8bf8dba
5 changed files with 48 additions and 7 deletions

View File

@@ -12,6 +12,7 @@
@import "legislation";
@import "legislation_process";
@import "community";
@import "stats";
@import "custom";
@import "c3";
@import "annotator.min";

View File

@@ -0,0 +1,34 @@
.polls-results-stats {
.sidebar {
border-right: 1px solid $border;
> ul {
display: block;
font-size: rem-calc(20);
padding: 0;
ul {
font-size: rem-calc(15);
list-style-type: none;
margin-left: 0.8rem;
margin-top: 1rem;
}
li a {
color: $link;
padding: 0;
}
}
}
h2 {
border-bottom: 1px solid $border;
}
h3 {
font-size: rem-calc(20);
margin-bottom: 0;
margin-top: rem-calc(30);
}
}

View File

@@ -7,7 +7,7 @@
<%= link_to t("polls.poll_header.back_to_proposal"), [@poll.related] %>
<% end %>
<h2><%= @poll.name %></h2>
<h1><%= @poll.name %></h1>
<%= safe_html_with_links simple_format(@poll.summary) %>

View File

@@ -15,7 +15,7 @@
<% if @poll.stats_enabled? %>
<% if stats_menu? %>
<li class="is-active">
<h2><%= t("polls.show.stats_menu") %></h2>
<%= t("polls.show.stats_menu") %>
</li>
<% else %>
<li><%= link_to t("polls.show.stats_menu"), stats_poll_path(id: @poll.slug || @poll.id) %></li>

View File

@@ -7,15 +7,21 @@
<div class="row margin" data-equalizer data-equalize-on="medium">
<div class="small-12 medium-3 column sidebar" data-equalizer-watch>
<p><strong><%= t("polls.show.stats.title") %></strong></p>
<ul class="menu vertical margin-top">
<li><a href="#total"><%= t("polls.show.stats.total_participation") %></a></li>
<ul class="menu">
<li>
<%= link_to t("polls.show.stats.title"), "#participation_statistics" %>
<ul>
<li>
<%= link_to t("polls.show.stats.total_participation"), "#total_participation" %>
</li>
</ul>
</li>
</ul>
</div>
<div class="small-12 medium-9 column" data-equalizer-watch>
<h3 id="total"><%= t("polls.show.stats.total_participation") %></h3>
<h2 id="participation_statistics"><%= t("polls.show.stats.title") %></h2>
<h3 id="total_participation"><%= t("polls.show.stats.total_participation") %></h3>
<p class="margin-top uppercase">
<%= t("polls.show.stats.total_votes") %><br>