Minor refactor and implement foundation toggler
This commit is contained in:
@@ -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()
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user