Show full header when click on expand button

This commit is contained in:
Fernando Blat
2017-01-05 10:55:53 +01:00
parent 48764d757c
commit 7100156b28
9 changed files with 38 additions and 25 deletions

View File

@@ -1,19 +0,0 @@
<div class="legislation-hero legislation-allegation no-margin-top grey-heading">
<div class="row headline">
<div class="small-12 medium-7 column">
<h3><%= process.title %></h3>
</div>
<div class="small-12 medium-4 column right">
<a class="button-subscribed expanded button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="#">
<span class="icon-checkmark-circle" aria-hidden="true"></span>
<h3>Suscrito</h3>
</a>
</div>
</div>
<div class="center half-gradient">
<a class="button big center button-circle" title="Ver info del proceso">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>
</div>

View File

@@ -1,6 +1,6 @@
<% provide :title do %><%= "#{@draft_version.title} - #{t('.title')} - #{@process.title}" %><% end %>
<%= render 'process_header', process: @process %>
<%= render 'legislation/processes/header', process: @process, header: :small %>
<div class="column row">
<%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>

View File

@@ -1,6 +1,6 @@
<% provide :title do %><%= "#{@draft_version.title} - #{@process.title}" %><% end %>
<%= render 'process_header', process: @process %>
<%= render 'legislation/processes/header', process: @process, header: :small %>
<div class="column row">
<%= render 'legislation/processes/key_dates', process: @process, phase: :allegations %>

View File

@@ -0,0 +1,25 @@
<% if header == :small %>
<div class="legislation-hero legislation-allegation no-margin-top grey-heading" data-target="legislation-header-small">
<div class="row headline">
<div class="small-12 medium-7 column">
<h3><%= process.title %></h3>
</div>
<div class="small-12 medium-4 column right">
<a class="button-subscribed expanded button strong" title="Suscríbete al proceso" data-remote="true" rel="nofollow" data-method="post" href="#">
<span class="icon-checkmark-circle" aria-hidden="true"></span>
<h3>Suscrito</h3>
</a>
</div>
</div>
<div class="center half-gradient">
<a class="button big center button-circle" title="Ver info del proceso" id="js-toggle-legislation-process-header">
<span class="icon-angle-down" aria-hidden="true"></span>
</a>
</div>
</div>
<%= render 'legislation/processes/header_full', process: @process, hidden: true %>
<% else %>
<%= render 'legislation/processes/header_full', process: @process, hidden: false %>
<% end %>

View File

@@ -1,4 +1,4 @@
<div class="legislation-hero no-margin-top grey-heading">
<div class="legislation-hero no-margin-top grey-heading" style="display:<%= hidden ? 'none' : 'block' %>" data-target="legislation-header-full">
<div class="row headline">
<div class="small-12 medium-7 column">
<p class="grey"><%= t('.title') %></p>

View File

@@ -1,6 +1,6 @@
<% provide :title do %><%= @process.title %><% end %>
<%= render 'legislation/processes/header_full', process: @process %>
<%= render 'legislation/processes/header', process: @process, header: :full %>
<div class="row">
<%= render 'legislation/processes/key_dates', process: @process, phase: @phase %>

View File

@@ -1,6 +1,6 @@
<% provide :title do %><%= @process.title %><% end %>
<%= render 'legislation/processes/header_full', process: @process %>
<%= render 'legislation/processes/header', process: @process, header: :full %>
<div class="row">
<%= render 'legislation/processes/key_dates', process: @process, phase: @phase %>

View File

@@ -1,6 +1,6 @@
<% provide :title do %><%= @process.title %><% end %>
<%= render 'header_full', process: @process %>
<%= render 'legislation/processes/header', process: @process, header: :full %>
<div class="row">
<%= render 'key_dates', process: @process, phase: :debate %>