Add print button to html publications

Author: Dilwoar Hussain

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;

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>