Improve social share buttons position for the annotations index and specific annotations

This commit is contained in:
Martín González
2017-02-14 17:11:02 +01:00
parent d656de680d
commit af52fb5670
5 changed files with 61 additions and 28 deletions

View File

@@ -525,8 +525,16 @@ $epigraph-line-height: rem-calc(22);
}
.draft-panels {
position: relative;
padding: 2rem 0;
aside.absolute {
@include breakpoint(medium) {
position: absolute;
right: 0;
}
}
.draft-chooser {
margin-bottom: 2rem;

View File

@@ -298,7 +298,8 @@
.proposal-show,
.investment-project-show,
.debate-quiz,
.budget-investment-show {
.budget-investment-show,
.draft-panels {
p {
word-wrap: break-word;

View File

@@ -0,0 +1,23 @@
<div class="row draft-chooser">
<div class="small-12 medium-6 column">
<h3><%= t('legislation.annotations.version_chooser.seeing_version') %></h3>
<div class="select-box">
<%= form_tag go_to_version_legislation_process_draft_versions_path(process), method: :get, id: "draft_version_go_to_version" do %>
<%= select_tag "draft_version_id", options_from_collection_for_select(process.draft_versions.published, 'id', 'display_title', draft_version.id), "aria-label": t('legislation.draft_versions.show.select_draft_version') %>
<%= hidden_field_tag "redirect_action", "annotations" %>
<%= submit_tag t('legislation.draft_versions.show.select_version_submit'), class: "button" %>
<% end %>
</div>
<span><%= t('legislation.draft_versions.show.updated_at', date: format_date(@draft_version.updated_at)) %></span>
</div>
<div class="small-12 medium-3 column">
<%= link_to t('legislation.annotations.version_chooser.see_text'), legislation_process_draft_version_path(process, draft_version), title: t('legislation.annotations.version_chooser.see_text'), class: "button strong" %>
</div>
<aside class="small-12 medium-3 column">
<div class="sidebar-divider"></div>
<h2>Compartir</h2>
<div class="social-share-full">
<%= render '/legislation/shared/share_buttons', title: @draft_version.title %>
</div>
</aside>
</div>

View File

@@ -8,8 +8,16 @@
<div class="draft-panels small-12 column row">
<%= render 'version_chooser', process: @process, draft_version: @draft_version %>
<div class="row">
<div class="small-12 medium-8 column legislation-comments">
<aside class="small-12 medium-3 column absolute">
<div class="sidebar-divider"></div>
<h2>Compartir</h2>
<div class="social-share-full">
<%= render '/legislation/shared/share_buttons', title: @draft_version.title %>
</div>
</aside>
</div>
<div class="small-12 medium-8 column row legislation-comments end">
<% @annotations.each do |annotation| %>
<div class="comment">
@@ -28,8 +36,5 @@
</div>
<% end %>
</div>
</div>
</div>
</div>

View File

@@ -6,11 +6,7 @@
<div class="column row">
<div class="draft-panels small-12 column row">
<%= render 'version_chooser', process: @process, draft_version: @draft_version %>
<div class="social-share-full">
<%= render '/legislation/shared/share_buttons', title: @annotation.quote %>
</div>
<%= render 'slim_version_chooser', process: @process, draft_version: @draft_version %>
<div class="row">
<div class="small-12 medium-12 column legislation-comment">