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

improves ballot page when shows several groups

Browse Source
This commit is contained in:
Alberto Garcia Cabeza
2017-05-08 14:33:07 +02:00
parent aa43d43b73
commit c0afb94cfa
2 changed files with 24 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1064,13 +1064,16 @@
} }
} }
h3.subtitle { .ballot-content {
border-bottom: 3px solid $budget; border: 2px solid #F9F9F9;
border-radius: rem-calc(6);
padding: $line-height/2;
}
span { .subtitle {
font-size: $base-font-size; border-left: 2px solid $budget;
font-weight: normal; margin: $line-height/2 0;
} padding-left: $line-height/2;
} }
.amount-spent { .amount-spent {
@@ -1101,7 +1104,6 @@ ul.ballot-list {
} }
span { span {
color: #9f9f9f;
display: block; display: block;
font-style: italic; font-style: italic;
} }

29
app/views/budgets/ballot/_ballot.html.erb
View File

@@ -19,13 +19,19 @@
</div> </div>
<div class="row ballot"> <div class="row ballot">
<div class="margin-top"> <% @ballot.groups.order(name: :asc).each do |group| %>
<% @ballot.groups.order(name: :asc).each do |group| %> <div id="<%= dom_id(group) %>"
<div id="<%= dom_id(group) %>" class="small-12 medium-6 column end">
class="small-12 medium-6 column"> <div class="margin-top ballot-content">
<h3 class="subtitle"> <div class="subtitle">
<%= group.name %> - <%= @ballot.heading_for_group(group).name %> <h3>
</h3> <%= group.name %> - <%= @ballot.heading_for_group(group).name %>
</h3>
<strong>
<%= t("budgets.ballots.show.remaining",
amount: @ballot.formatted_amount_available(@ballot.heading_for_group(group))).html_safe %>
</strong>
</div>
<% if @ballot.has_lines_in_group?(group) %> <% if @ballot.has_lines_in_group?(group) %>
<h4 class="amount-spent text-right"> <h4 class="amount-spent text-right">
<%= t("budgets.ballots.show.amount_spent") %> <%= t("budgets.ballots.show.amount_spent") %>
@@ -43,12 +49,7 @@
<%= render partial: 'budgets/ballot/investment', <%= render partial: 'budgets/ballot/investment',
collection: @ballot.investments.by_group(group.id) %> collection: @ballot.investments.by_group(group.id) %>
</ul> </ul>
<h4>
<%= t("budgets.ballots.show.remaining",
amount: @ballot.formatted_amount_available(@ballot.heading_for_group(group))).html_safe %>
</h4>
</div> </div>
<% end %> </div>
</div> <% end %>
</div> </div>