From 19047d0a70b24502906f06944b361901b11da68c Mon Sep 17 00:00:00 2001
From: Amy Saranchuk <60277985+amyy2@users.noreply.github.com>
Date: Fri, 13 Dec 2024 17:42:29 -0500
Subject: [PATCH] Fix: whitespace between the main content and progressive
 sidebar (#7271)

* Fix whitespace between the main content and progressive sidebar

* Remove .DS_Store files

* Fix scrolling on sidebar
---
 apps/site/layouts/layouts.module.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/site/layouts/layouts.module.css b/apps/site/layouts/layouts.module.css
index 9300fc91cfe8d..ccfd3720bd5bf 100644
--- a/apps/site/layouts/layouts.module.css
+++ b/apps/site/layouts/layouts.module.css
@@ -14,7 +14,6 @@
     mx-auto
     block
     w-full
-    overflow-auto
     sm:grid
     sm:grid-cols-[theme(spacing.52)_1fr]
     sm:grid-rows-[1fr]
@@ -24,12 +23,15 @@
     xl:grid-cols-[theme(spacing.80)_1fr_theme(spacing.80)];
 
   > *:nth-child(1) {
-    @apply grid-in-[sidebar];
+    @apply grid-in-[sidebar]
+      lg:sticky
+      lg:top-0
+      lg:h-[100vh]
+      lg:overflow-y-auto;
   }
 
   > *:nth-child(2) {
     @apply contents
-      overflow-y-scroll
       sm:max-lg:block;
 
     > *:first-child {
@@ -37,8 +39,6 @@
         sm:bg-gradient-subtle
         sm:dark:bg-gradient-subtle-dark
         xl:px-18
-        overflow-y-auto
-        overflow-x-hidden
         p-4
         motion-safe:scroll-smooth
         sm:bg-fixed
@@ -50,6 +50,8 @@
         mt-8
         border-t
         sm:mt-0
+        lg:sticky
+        lg:top-0
         lg:max-w-xs
         lg:border-l
         lg:border-t-0;