From a9f4d5c57adb0bb2b3b0d9226cd430ad67a9a8f2 Mon Sep 17 00:00:00 2001
From: joostdecock <joost@joost.at>
Date: Wed, 1 Nov 2023 11:08:53 +0100
Subject: [PATCH] feat(shared): Keep sidebars sticky

---
 sites/shared/components/base-layout.mjs | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/sites/shared/components/base-layout.mjs b/sites/shared/components/base-layout.mjs
index 20a10a6b7cd..cb3753105ee 100644
--- a/sites/shared/components/base-layout.mjs
+++ b/sites/shared/components/base-layout.mjs
@@ -11,14 +11,16 @@ export const BaseLayout = ({ children = [] }) => (
  * The left column of the default layout
  */
 export const BaseLayoutLeft = ({ children = [] }) => (
-  <div className="max-w-96 w-1/4 hidden lg:block shrink-0 my-8">{children}</div>
+  <div className="max-w-96 w-1/4 hidden lg:block shrink-0 my-8 sticky top-4 max-h-screen overflow-scroll">
+    {children}
+  </div>
 )
 
 /*
  * The right column of the default layout
  */
 export const BaseLayoutRight = ({ children = [] }) => (
-  <div className="max-w-96 w-1/4 hidden xl:block my-8">{children}</div>
+  <div className="max-w-96 w-1/4 hidden xl:block my-8 sticky top-2">{children}</div>
 )
 
 /*