From 3aca0f40c77521b2ee88b2405f39776e376753c4 Mon Sep 17 00:00:00 2001
From: Matvey Kukuy <Matvey-Kuk@users.noreply.github.com>
Date: Sun, 29 Sep 2024 21:12:29 +0300
Subject: [PATCH] fix(ui): remove hiding navbar on MB Air-screen-size fixes
 (#2023)

---
 keep-ui/app/incidents/incidents-table.tsx | 4 ++--
 keep-ui/components/navbar/Navbar.css      | 3 +++
 keep-ui/components/navbar/Navbar.tsx      | 5 +++--
 3 files changed, 8 insertions(+), 4 deletions(-)
 create mode 100644 keep-ui/components/navbar/Navbar.css

diff --git a/keep-ui/app/incidents/incidents-table.tsx b/keep-ui/app/incidents/incidents-table.tsx
index a3aa95ae8..7b3071838 100644
--- a/keep-ui/app/incidents/incidents-table.tsx
+++ b/keep-ui/app/incidents/incidents-table.tsx
@@ -118,7 +118,7 @@ export default function IncidentsTable({
       id: "name",
       header: "Name",
       cell: ({ row }) => (
-        <div className="text-wrap">
+        <div className="text-pretty min-w-40">
           {row.original.user_generated_name || row.original.ai_generated_name}
         </div>
       ),
@@ -127,7 +127,7 @@ export default function IncidentsTable({
       id: "user_summary",
       header: "Summary",
       cell: ({ row }) => (
-        <div className="text-wrap">{row.original.user_summary}</div>
+        <div className="text-pretty min-w-96">{row.original.user_summary}</div>
       ),
     }),
     columnHelper.display({
diff --git a/keep-ui/components/navbar/Navbar.css b/keep-ui/components/navbar/Navbar.css
new file mode 100644
index 000000000..ef5b163af
--- /dev/null
+++ b/keep-ui/components/navbar/Navbar.css
@@ -0,0 +1,3 @@
+.scrollable-menu-shadow {
+  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.1);
+}
\ No newline at end of file
diff --git a/keep-ui/components/navbar/Navbar.tsx b/keep-ui/components/navbar/Navbar.tsx
index c7bddd903..884d47a78 100644
--- a/keep-ui/components/navbar/Navbar.tsx
+++ b/keep-ui/components/navbar/Navbar.tsx
@@ -9,6 +9,7 @@ import { MinimizeMenuButton } from "components/navbar/MinimizeMenuButton";
 import { authOptions } from "pages/api/auth/[...nextauth]";
 import { DashboardLinks } from "@/components/navbar/DashboardLinks";
 import { IncidentsLinks } from "@/components/navbar/IncidentLinks";
+import "./Navbar.css";
 
 export default async function NavbarInner() {
   const session = await getServerSession(authOptions);
@@ -18,13 +19,13 @@ export default async function NavbarInner() {
       <InitPostHog />
       <Menu>
         <Search />
-        <div className="pt-6 space-y-4 flex-1 overflow-auto">
+        <div className="pt-6 space-y-4 flex-1 overflow-auto scrollable-menu-shadow">
           <IncidentsLinks session={session} />
           <AlertsLinks session={session} />
           <NoiseReductionLinks session={session} />
           <DashboardLinks session={session} />
         </div>
-        <UserInfo session={session} />
+        <UserInfo session={session}/>
       </Menu>
       <MinimizeMenuButton />
     </>