makes sidebar sticky on popular links page

alphagov · Jul 3, 2024 · fac5c4c · fac5c4c
1 parent 40877c7
commit fac5c4c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/app/assets/stylesheets/sidebar_components.scss b/app/assets/stylesheets/sidebar_components.scss
@@ -4,3 +4,11 @@
   }
   border-top: 2px solid $govuk-brand-colour;
 }
+
+.sidebar-sticky {
+  position: -webkit-sticky;
+  position: sticky;
+  top: 0;
+  margin-top: -20px;
+}
+
diff --git a/app/views/homepage/popular_links/show.html.erb b/app/views/homepage/popular_links/show.html.erb
@@ -7,6 +7,6 @@
     <%= render "homepage/popular_links/link", item:, index: %>
   <% end %>
 </div>
-<div class = "govuk-grid-column-one-third" >
+<div class = "govuk-grid-column-one-third sidebar-sticky" >
   <%= render "homepage/popular_links/sidebar" %>
 </div>