From 253bb1713b24ddf5a2e5cf5bdf926c3f52b8e591 Mon Sep 17 00:00:00 2001
From: Jesse Winton <jesse@appwrite.io>
Date: Fri, 14 Feb 2025 15:07:45 -0500
Subject: [PATCH] Update subNavigation.svelte

---
 .../subNavigation.svelte                      | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
index f005e9050..865a2f87f 100644
--- a/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
+++ b/src/routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/subNavigation.svelte
@@ -71,8 +71,8 @@
     .list-container {
         display: flex;
         flex-direction: column;
-        height: 100%; /* Takes full height of Sidebar.Base */
-        min-height: 0; /* Allows flex children to shrink below content size */
+        height: 100%;
+        min-height: 0;
     }
 
     .collection-content {
@@ -80,6 +80,28 @@
         overflow-y: auto;
         min-height: 0;
         margin-bottom: auto;
+
+        scrollbar-width: thin;
+        scrollbar-color: var(--color-border-neutral, #ededf0) transparent;
+
+        &::-webkit-scrollbar {
+            width: 4px;
+            height: 4px;
+        }
+
+        &::-webkit-scrollbar-track {
+            background: transparent;
+            border-radius: 2px;
+        }
+
+        &::-webkit-scrollbar-thumb {
+            background: var(--color-border-neutral, #ededf0);
+            border-radius: 2px;
+
+            &:hover {
+                background: var(--color-border-neutral-emphasis, #dbdbdf);
+            }
+        }
     }
 
     .drop-list {