From 260f7ad2796c60f53a943a06e43e5490e479996c Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 12 Dec 2025 06:37:19 +0000
Subject: [PATCH 1/2] Initial plan


From b4849af3060e6a3cdeb8f64aab8672f7f1f394d3 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 12 Dec 2025 06:43:08 +0000
Subject: [PATCH 2/2] Make sidebar sticky on desktop to improve navigation UX

Co-authored-by: mnaimfaizy <34773846+mnaimfaizy@users.noreply.github.com>
---
 src/components/Sidebar.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 5501d84..d4e0368 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -542,8 +542,8 @@ const Sidebar: React.FC = () => {
           'fixed left-0 top-16 z-50 h-[calc(100vh-4rem)] w-64 bg-white shadow-lg transition-transform duration-300 ease-out border-r overflow-y-auto',
           // Mobile behavior
           sidebarOpen ? 'translate-x-0' : '-translate-x-full',
-          // Desktop behavior - always visible
-          'lg:translate-x-0 lg:static lg:top-auto lg:h-auto lg:min-h-[calc(100vh-4rem)] lg:z-30 lg:shadow-sm',
+          // Desktop behavior - sticky and always visible
+          'lg:translate-x-0 lg:sticky lg:top-16 lg:h-[calc(100vh-4rem)] lg:z-30 lg:shadow-sm',
           // Dynamic border color
           getThemeColorClass(theme, 'border'),
           // Smooth scrolling