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

Make draft index fixed on scroll

Browse Source
This commit is contained in:
Martín González
2017-01-18 16:42:51 +01:00
parent bf91f0731d
commit 287b144bcf
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -614,6 +614,12 @@ $epigraph-line-height: rem-calc(22);
border-right: 1px solid $border; border-right: 1px solid $border;
} }
} }
.border-left {
@include breakpoint(medium) {
border-left: 1px solid $border;
}
}
.draft-panel { .draft-panel {
text-transform: uppercase; text-transform: uppercase;

14
app/views/legislation/draft_versions/show.html.erb
View File

@@ -28,7 +28,7 @@
</div> </div>
<div class="row draft-allegation medium-collapse"> <div class="row draft-allegation medium-collapse">
<div class="small-12 calc-index column border-right <%= "js-toggle-allegations" unless @draft_version.final_version? %>"> <div class="small-12 calc-index column <%= "js-toggle-allegations" unless @draft_version.final_version? %>">
<div class="draft-panel"> <div class="draft-panel">
<div> <div>
<span class="icon-banner" aria-hidden="true"></span> <span class="panel-title"><%= t('.text_toc') %></span> <span class="icon-banner" aria-hidden="true"></span> <span class="panel-title"><%= t('.text_toc') %></span>
@@ -38,16 +38,18 @@
<div class="draft-index-rotated center"> <div class="draft-index-rotated center">
<span class="panel-title"><%= t('.text_toc') %></span> <span class="panel-title"><%= t('.text_toc') %></span>
</div> </div>
<div class="draft-index"> <div data-sticky-container>
<%= @draft_version.toc_html.html_safe %> <div data-sticky data-anchor="sticky-panel" class="draft-index sticky">
<%= @draft_version.toc_html.html_safe %>
</div>
</div> </div>
</div> </div>
<div class="small-12 calc-text column border-right"> <div class="small-12 calc-text column border-right border-left">
<div class="draft-panel"> <div class="draft-panel">
<div><span class="panel-title"><%= t('.text_body') %></span></div> <div><span class="panel-title"><%= t('.text_body') %></span></div>
</div> </div>
<div class="draft-text"> <div id="sticky-panel" class="draft-text">
<% if @draft_version.final_version? %> <% if @draft_version.final_version? %>
<section> <section>
<% else %> <% else %>