improves ballot page when shows several groups
This commit is contained in:
@@ -1064,13 +1064,16 @@
|
||||
}
|
||||
}
|
||||
|
||||
h3.subtitle {
|
||||
border-bottom: 3px solid $budget;
|
||||
|
||||
span {
|
||||
font-size: $base-font-size;
|
||||
font-weight: normal;
|
||||
.ballot-content {
|
||||
border: 2px solid #F9F9F9;
|
||||
border-radius: rem-calc(6);
|
||||
padding: $line-height/2;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
border-left: 2px solid $budget;
|
||||
margin: $line-height/2 0;
|
||||
padding-left: $line-height/2;
|
||||
}
|
||||
|
||||
.amount-spent {
|
||||
@@ -1101,7 +1104,6 @@ ul.ballot-list {
|
||||
}
|
||||
|
||||
span {
|
||||
color: #9f9f9f;
|
||||
display: block;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@@ -19,13 +19,19 @@
|
||||
</div>
|
||||
|
||||
<div class="row ballot">
|
||||
<div class="margin-top">
|
||||
<% @ballot.groups.order(name: :asc).each do |group| %>
|
||||
<div id="<%= dom_id(group) %>"
|
||||
class="small-12 medium-6 column">
|
||||
<h3 class="subtitle">
|
||||
class="small-12 medium-6 column end">
|
||||
<div class="margin-top ballot-content">
|
||||
<div class="subtitle">
|
||||
<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) %>
|
||||
<h4 class="amount-spent text-right">
|
||||
<%= t("budgets.ballots.show.amount_spent") %>
|
||||
@@ -43,12 +49,7 @@
|
||||
<%= render partial: 'budgets/ballot/investment',
|
||||
collection: @ballot.investments.by_group(group.id) %>
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user