Merge pull request #1889 from alphagov/add-print-link-to-detailed-guides

Add print link to detailed guides
alphagov · Oct 30, 2020 · 7341f64 · 7341f64
2 parents 2324164 + 1b4c3b9
commit 7341f64
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 0 deletions.
diff --git a/app/assets/stylesheets/views/_html-publication.scss b/app/assets/stylesheets/views/_html-publication.scss
@@ -56,6 +56,12 @@
     display: none;
   }
 
+  .govuk-sticky-element {
+    .govuk-sticky-element__print-link {
+      margin-left: govuk-spacing(3);
+    }
+  }
+
   @include govuk-media-query($until: desktop) {
     .govuk-sticky-element--enabled {
       position: static;

diff --git a/app/views/content_items/detailed_guide.html.erb b/app/views/content_items/detailed_guide.html.erb
@@ -24,6 +24,10 @@
     <%= render 'components/important-metadata', items: @content_item.important_metadata %>
 
     <%= render "components/contents-list-with-body", contents: @content_item.contents do %>
+      <%= render "govuk_publishing_components/components/print_link", {
+        margin_top: 0,
+        margin_bottom: 6,
+      } %>
       <%= render 'govuk_publishing_components/components/govspeak', @content_item.govspeak_body %>
 
       <div class="responsive-bottom-margin">
@@ -34,6 +38,10 @@
           } %>
       </div>
     <% end %>
+    <%= render "govuk_publishing_components/components/print_link", {
+        margin_top: 0,
+        margin_bottom: 6,
+      } %>
   </div>
   <%= render 'shared/sidebar_navigation' %>
 </div>

diff --git a/app/views/content_items/html_publication.html.erb b/app/views/content_items/html_publication.html.erb
@@ -43,6 +43,10 @@
   <% if @content_item.contents.any? %>
     <div class="govuk-grid-column-one-quarter-from-desktop contents-list-container">
       <%= render 'govuk_publishing_components/components/contents_list', contents: @content_item.contents, format_numbers: true %>
+      <%= render "govuk_publishing_components/components/print_link", {
+        margin_top: 0,
+        margin_bottom: 6,
+      } %>
     </div>
   <% end %>
 
@@ -58,5 +62,11 @@
 
   <div data-sticky-element class="govuk-sticky-element">
     <%= render 'components/back-to-top', href: "#contents" %>
+    <div class="govuk-sticky-element__print-link">
+      <%= render "govuk_publishing_components/components/print_link", {
+          margin_top: 0,
+          margin_bottom: 6,
+        } %>
+    </div>
   </div>
 </div>