Minor refactor and implement foundation toggler

This commit is contained in:
Carlos Ruiz
2017-09-21 23:09:04 +02:00
parent c9ce560380
commit dc2e2a0944
4 changed files with 5 additions and 18 deletions

View File

@@ -1,13 +1,8 @@
App.Legislation =
initialize: ->
$('#js-toggle-debate').on
click: ->
$('#debate-show').toggle()
$('#js-toggle-small-debate').on
click: ->
$('#debate-show').toggle()
$(this).find($('span')).toggleClass('icon-angle-up')
$('form#new_legislation_answer input.button').hide()

View File

@@ -39,10 +39,6 @@ $border-dark: darken($border, 10%);
}
}
.legislation-debate-show {
display: none;
}
.debate-add-info {
border-top: 1px solid $border-dark;
margin-top: $line-height;
@@ -360,10 +356,6 @@ $border-dark: darken($border, 10%);
.legislation-allegation {
padding-top: 1rem;
.legislation-debate-show {
margin-top: 2rem;
}
.headline {
margin-bottom: 0;

View File

@@ -6,7 +6,7 @@
</div>
</div>
<div id="debate-show" class="row description legislation-debate-show">
<div id="debate-show" class="row description is-hidden" data-toggler=".is-hidden">
<div class="small-12 column">
<% if process.description.present? %>
<p class="title"><%= t('legislation.processes.header_full.description') %></p>
@@ -17,12 +17,12 @@
<div class="small-12 column debate-add-info">
<%= markdown process.additional_info if process.additional_info %>
</div>
<% end %>
<% end %>
</div>
<% if process.description.present? || process.additional_info.present? %>
<div class="text-center">
<a class="button big text-center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate">
<a class="button big text-center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate" data-toggle="debate-show">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>

View File

@@ -16,7 +16,7 @@
<% end %>
</div>
<% if process.additional_info.present? %>
<div id="debate-show" class="small-12 column debate-add-info legislation-debate-show">
<div id="additional_info" class="small-12 column debate-add-info is-hidden" data-toggler=".is-hidden">
<%= markdown process.additional_info if process.additional_info %>
</div>
<% end %>
@@ -24,7 +24,7 @@
<% if process.additional_info.present? %>
<div class="text-center">
<a id="js-toggle-debate" class="button big text-center" title="<%= t('.more_info') %>">
<a id="js-toggle-debate" class="button big text-center" title="<%= t('.more_info') %>" data-toggle="additional_info">
<strong><%= t('.more_info') %></strong>
</a>
</div>