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

Minor refactor and implement foundation toggler

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

5
app/assets/javascripts/legislation.js.coffee
View File

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

8
app/assets/stylesheets/legislation_process.scss
View File

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

4
app/views/legislation/processes/_header.html.erb
View File

@@ -6,7 +6,7 @@
</div> </div>
</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"> <div class="small-12 column">
<% if process.description.present? %> <% if process.description.present? %>
<p class="title"><%= t('legislation.processes.header_full.description') %></p> <p class="title"><%= t('legislation.processes.header_full.description') %></p>
@@ -22,7 +22,7 @@
<% if process.description.present? || process.additional_info.present? %> <% if process.description.present? || process.additional_info.present? %>
<div class="text-center"> <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> <span class="icon-angle-down" aria-hidden="true"></span>
</a> </a>
</div> </div>

4
app/views/legislation/processes/_header_full.html.erb
View File

@@ -16,7 +16,7 @@
<% end %> <% end %>
</div> </div>
<% if process.additional_info.present? %> <% 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 %> <%= markdown process.additional_info if process.additional_info %>
</div> </div>
<% end %> <% end %>
@@ -24,7 +24,7 @@
<% if process.additional_info.present? %> <% if process.additional_info.present? %>
<div class="text-center"> <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> <strong><%= t('.more_info') %></strong>
</a> </a>
</div> </div>