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

Merge pull request #81 from medialab-prado/80-fix-small-header

Browse Source 
Refactor header toggle and show additional info on the small header
This commit is contained in:
Amaia Castro
2017-01-18 12:50:15 +01:00
committed by GitHub
parent f4719f1086 146db24d58
commit 4afb472054
4 changed files with 26 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@@ -63,8 +63,11 @@ $epigraph-font-size: rem-calc(15);
}
}
#debate-info {
#debate-show {
display: none;
}
.debate-add-info {
margin-top: 3rem;
padding-top: 4rem;
border-top: 1px solid darken($border, 10%);
@@ -438,6 +441,10 @@ $epigraph-font-size: rem-calc(15);
.legislation-allegation {
padding-top: 1rem;
#debate-show {
margin-top: 2rem;
}
.headline {
margin-bottom: 0;

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

@@ -12,8 +12,20 @@
</div>
</div>
<div class="row description">
<div id="debate-info" style="display: none" class="small-12 column">
<div id="debate-show" class="row description">
<div class="small-12 medium-4 column">
<h4><%= t('legislation.processes.header_full.description') %></h4>
<%= markdown process.description %>
</div>
<div class="small-12 medium-4 column">
<h4><%= t('legislation.processes.header_full.target') %></h4>
<%= markdown process.target %>
</div>
<div class="small-12 medium-4 column">
<h4><%= t('legislation.processes.header_full.how_to_participate') %></h4>
<%= markdown process.how_to_participate %>
</div>
<div class="small-12 column debate-add-info">
<div class="debate-info-wrapper">
<%= markdown process.additional_info if process.additional_info %>
</div>

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

@@ -27,7 +27,7 @@
<h4><%= t('.how_to_participate') %></h4>
<%= markdown process.how_to_participate %>
</div>
<div id="debate-info" class="small-12 column">
<div id="debate-show" class="small-12 column debate-add-info">
<div class="debate-info-wrapper">
<%= markdown process.additional_info if process.additional_info %>
</div>