From d5d088c8127d08876477d78dfd54a0c8e57b871a Mon Sep 17 00:00:00 2001
From: Ani0811 <anirudha.basuthakur@gmail.com>
Date: Mon, 14 Oct 2024 19:40:03 +0530
Subject: [PATCH] Fix: Navbar is broken in small screens #2105

---
 keep-ui/components/navbar/Navbar.css | 47 +++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/keep-ui/components/navbar/Navbar.css b/keep-ui/components/navbar/Navbar.css
index ef5b163af..75b952f46 100644
--- a/keep-ui/components/navbar/Navbar.css
+++ b/keep-ui/components/navbar/Navbar.css
@@ -1,3 +1,48 @@
 .scrollable-menu-shadow {
   box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
-}
\ No newline at end of file
+  max-height: calc(100vh - 60px); 
+  overflow-y: auto;
+}
+
+@media (max-width: 768px) {
+  .scrollable-menu-shadow {
+    padding: 0;
+    max-height: calc(100vh - 50px);
+  }
+
+  .menu-item {
+    font-size: 14px;
+  }
+
+  .user-info,
+  .search,
+  .submenu-links {
+    display: block;
+    width: 100%;
+  }
+
+  .minimize-menu-button {
+    position: fixed;
+    bottom: 10px;
+    right: 10px;
+    z-index: 1000;
+  }
+}
+
+.menu {
+  display: flex;
+  flex-direction: column; 
+  height: 100vh;
+}
+
+.menu > div {
+  flex: 1; 
+  overflow-y: auto;
+}
+
+.submenu-links {
+  position: relative;
+  z-index: 10;
+}
+
+