make sidebar sticky

php-fig · Jul 22, 2023 · 3b81e2c · 3b81e2c
1 parent bff9630
commit 3b81e2c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/source/_layouts/psr.twig b/source/_layouts/psr.twig
@@ -11,7 +11,7 @@
         </div>
     </div>
     {% if page.related %}
-    <div class="columns__column columns__column--4 columns__column--padding_left">
+    <div class="columns__column columns__column--4 columns__column--padding_left sidebar__wrapper">
         <nav class="sidebar">
             <h2 class="sidebar__title">Additional Info:</h2>
             <ul class="sidebar__list">

diff --git a/source/_sass/blocks/sidebar.scss b/source/_sass/blocks/sidebar.scss
@@ -127,3 +127,8 @@
         }
     }
 }
+
+.sidebar__wrapper {
+    position: sticky;
+    top: 0;
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -127,3 +127,8 @@ @@
             }
         }
     }
+    .sidebar__wrapper {
+        position: sticky;
+        top: 0;
+    }