Fix small header toggle

This commit is contained in:
Martín González
2017-01-12 12:48:14 +01:00
parent 495c7e8099
commit 046bcbfb0f
3 changed files with 26 additions and 5 deletions

View File

@@ -4,6 +4,11 @@ App.Legislation =
$('#js-toggle-debate').on
click: ->
$('#debate-info').toggle()
$('#js-toggle-small-debate').on
click: ->
$('#debate-info').toggle()
$('span').toggleClass('icon-angle-up')
$('form#new_legislation_answer input.button').hide()
$('form#new_legislation_answer input[type=radio]').on
@@ -17,7 +22,4 @@ App.Legislation =
$('#js-toggle-legislation-process-header').on
click: ->
$('[data-target="legislation-header-small"]').toggle()
$('[data-target="legislation-header-full"]').toggle()

View File

@@ -447,8 +447,18 @@ $epigraph-font-size: rem-calc(15);
.button-circle {
line-height: 0;
padding: 0.5em;
padding: 0em;
width: 30px;
height: 30px;
border-radius: 50%;
span {
padding-left: 1px;
&:before {
line-height: 1.55;
}
}
}
.icon-checkmark-circle {

View File

@@ -11,8 +11,17 @@
</a>
</div>
</div>
<div class="row description">
<div id="debate-info" style="display: none" class="small-12 column">
<div class="debate-info-wrapper">
<%= markdown process.additional_info if process.additional_info %>
</div>
</div>
</div>
<div class="center half-gradient">
<a class="button big center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-legislation-process-header">
<a class="button big center button-circle" title="<%= t('.view_process_information') %>" id="js-toggle-small-debate">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>