From 6374fee0a11866548d6d876da66b9a0f81fb0f1c Mon Sep 17 00:00:00 2001
From: thomasabishop <thomasabishop@tuta.com>
Date: Wed, 23 Jul 2025 15:30:57 +0100
Subject: [PATCH] style: make sidebar lists fixed scrollable

---
 src/components/EntriesListSidebar.tsx | 20 +++++++++++---------
 src/components/TagListSidebar.tsx     | 20 +++++++++++---------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/EntriesListSidebar.tsx b/src/components/EntriesListSidebar.tsx
index 7992cd9..e59c848 100644
--- a/src/components/EntriesListSidebar.tsx
+++ b/src/components/EntriesListSidebar.tsx
@@ -28,15 +28,17 @@ export default function EntriesListSidebar() {
                </SidebarMenuButton>
             </CollapsibleTrigger>
             <CollapsibleContent>
-               <SidebarMenuSub>
-                  {entries?.data.map((item, i) => (
-                     <SidebarMenuItem key={i}>
-                        <a>
-                           <span className="text-xs">{item.title.replace(/_/g, " ")}</span>
-                        </a>
-                     </SidebarMenuItem>
-                  ))}
-               </SidebarMenuSub>
+               <div className="max-h-100 overflow-y-auto">
+                  <SidebarMenuSub>
+                     {entries?.data.map((item, i) => (
+                        <SidebarMenuItem key={i}>
+                           <a>
+                              <span className="text-xs">{item.title.replace(/_/g, " ")}</span>
+                           </a>
+                        </SidebarMenuItem>
+                     ))}
+                  </SidebarMenuSub>
+               </div>
             </CollapsibleContent>
          </SidebarMenuItem>
       </Collapsible>
diff --git a/src/components/TagListSidebar.tsx b/src/components/TagListSidebar.tsx
index c0715f5..cf9dd68 100644
--- a/src/components/TagListSidebar.tsx
+++ b/src/components/TagListSidebar.tsx
@@ -32,15 +32,17 @@ export default function TagListSidebar() {
 					</SidebarMenuButton>
 				</CollapsibleTrigger>
 				<CollapsibleContent>
-					<SidebarMenuSub>
-						{tags?.data.map((item, i) => (
-							<SidebarMenuItem key={i}>
-								<a>
-									<span className="text-xs">{item}</span>
-								</a>
-							</SidebarMenuItem>
-						))}
-					</SidebarMenuSub>
+					<div className="max-h-100 overflow-y-auto">
+						<SidebarMenuSub>
+							{tags?.data.map((item, i) => (
+								<SidebarMenuItem key={i}>
+									<a>
+										<span className="text-xs">{item}</span>
+									</a>
+								</SidebarMenuItem>
+							))}
+						</SidebarMenuSub>
+					</div>
 				</CollapsibleContent>
 			</SidebarMenuItem>
 		</Collapsible>