From 2710835e1bb6fbe6ee92e9661c922266cfc965a6 Mon Sep 17 00:00:00 2001
From: rahulrana701 <rahulrana2001a@gmail.com>
Date: Tue, 7 Jan 2025 11:55:14 +0530
Subject: [PATCH 1/5] Add scrollable Community dropdown to display all content

---
 components/navigation/FlyoutMenu.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navigation/FlyoutMenu.tsx b/components/navigation/FlyoutMenu.tsx
index fc5ab7d41a4e..a9e2fe9cfc25 100644
--- a/components/navigation/FlyoutMenu.tsx
+++ b/components/navigation/FlyoutMenu.tsx
@@ -14,12 +14,12 @@ interface FlyoutProps {
 export default function Flyout({ items = [] }: FlyoutProps) {
   return (
     <div
-      className='absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2'
-      data-testid='Flyout-main'
+      className="absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2"
+      data-testid="Flyout-main"
     >
-      <div className='rounded-lg shadow-lg'>
-        <div className='shadow-xs overflow-hidden rounded-lg'>
-          <div className='relative z-20 grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2'>
+      <div className="rounded-lg shadow-lg">
+        <div className="shadow-xs overflow-hidden rounded-lg">
+          <div className="relative z-20 grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2 max-h-96 min-h-40 overflow-y-auto scrollbar-thin scrollbar-thumb-white scrollbar-track-transparent">
             <MenuBlocks items={items} />
           </div>
         </div>

From 2fdfa1f98185427dba0a3493847cce9f695b7ef3 Mon Sep 17 00:00:00 2001
From: rahulrana701 <rahulrana2001a@gmail.com>
Date: Tue, 7 Jan 2025 12:14:44 +0530
Subject: [PATCH 2/5] fixed

---
 components/navigation/FlyoutMenu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/navigation/FlyoutMenu.tsx b/components/navigation/FlyoutMenu.tsx
index a9e2fe9cfc25..7f43be3f4d12 100644
--- a/components/navigation/FlyoutMenu.tsx
+++ b/components/navigation/FlyoutMenu.tsx
@@ -19,7 +19,7 @@ export default function Flyout({ items = [] }: FlyoutProps) {
     >
       <div className="rounded-lg shadow-lg">
         <div className="shadow-xs overflow-hidden rounded-lg">
-          <div className="relative z-20 grid gap-6 bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2 max-h-96 min-h-40 overflow-y-auto scrollbar-thin scrollbar-thumb-white scrollbar-track-transparent">
+          <div className="scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-96 min-h-40 gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
             <MenuBlocks items={items} />
           </div>
         </div>

From dff3ed6015d880cc0de000cfbcd0ae24dd0e9786 Mon Sep 17 00:00:00 2001
From: rahulrana701 <rahulrana2001a@gmail.com>
Date: Tue, 7 Jan 2025 12:20:58 +0530
Subject: [PATCH 3/5] eslint fixed

---
 components/navigation/FlyoutMenu.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navigation/FlyoutMenu.tsx b/components/navigation/FlyoutMenu.tsx
index 7f43be3f4d12..05ea6fd57ba3 100644
--- a/components/navigation/FlyoutMenu.tsx
+++ b/components/navigation/FlyoutMenu.tsx
@@ -14,12 +14,12 @@ interface FlyoutProps {
 export default function Flyout({ items = [] }: FlyoutProps) {
   return (
     <div
-      className="absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2"
-      data-testid="Flyout-main"
+      className='absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2'
+      data-testid='Flyout-main'
     >
-      <div className="rounded-lg shadow-lg">
-        <div className="shadow-xs overflow-hidden rounded-lg">
-          <div className="scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-96 min-h-40 gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
+      <div className='rounded-lg shadow-lg'>
+        <div className='shadow-xs overflow-hidden rounded-lg'>
+          <div className='scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-96 min-h-40 gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2'>
             <MenuBlocks items={items} />
           </div>
         </div>

From 9e0b4136c28b35d4e351fb21b49881ad61a07e31 Mon Sep 17 00:00:00 2001
From: rahulrana701 <rahulrana2001a@gmail.com>
Date: Fri, 10 Jan 2025 15:12:35 +0530
Subject: [PATCH 4/5] css fixed

---
 components/navigation/FlyoutMenu.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navigation/FlyoutMenu.tsx b/components/navigation/FlyoutMenu.tsx
index 05ea6fd57ba3..7b80d0b9fdbc 100644
--- a/components/navigation/FlyoutMenu.tsx
+++ b/components/navigation/FlyoutMenu.tsx
@@ -14,12 +14,12 @@ interface FlyoutProps {
 export default function Flyout({ items = [] }: FlyoutProps) {
   return (
     <div
-      className='absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2'
-      data-testid='Flyout-main'
+      className="absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2"
+      data-testid="Flyout-main"
     >
-      <div className='rounded-lg shadow-lg'>
-        <div className='shadow-xs overflow-hidden rounded-lg'>
-          <div className='scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-96 min-h-40 gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2'>
+      <div className="rounded-lg shadow-lg">
+        <div className="shadow-xs overflow-hidden rounded-lg">
+          <div className="scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-[calc(100vh-20px)] gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
             <MenuBlocks items={items} />
           </div>
         </div>

From 58d41d8a98b43bf1e0cb5aebb96058533e431222 Mon Sep 17 00:00:00 2001
From: rahulrana701 <rahulrana2001a@gmail.com>
Date: Fri, 10 Jan 2025 15:21:24 +0530
Subject: [PATCH 5/5] lint fixed

---
 components/navigation/FlyoutMenu.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/components/navigation/FlyoutMenu.tsx b/components/navigation/FlyoutMenu.tsx
index 7b80d0b9fdbc..b69cfc890dd7 100644
--- a/components/navigation/FlyoutMenu.tsx
+++ b/components/navigation/FlyoutMenu.tsx
@@ -14,12 +14,12 @@ interface FlyoutProps {
 export default function Flyout({ items = [] }: FlyoutProps) {
   return (
     <div
-      className="absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2"
-      data-testid="Flyout-main"
+      className='absolute z-50 -ml-4 w-screen max-w-md pt-3 md:ml-12 md:-translate-x-1/2 lg:left-1/2 lg:max-w-3xl lg:-translate-x-1/2'
+      data-testid='Flyout-main'
     >
-      <div className="rounded-lg shadow-lg">
-        <div className="shadow-xs overflow-hidden rounded-lg">
-          <div className="scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-[calc(100vh-20px)] gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2">
+      <div className='rounded-lg shadow-lg'>
+        <div className='shadow-xs overflow-hidden rounded-lg'>
+          <div className='scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-transparent relative z-20 grid max-h-[calc(100vh-20px)] gap-6 overflow-y-auto bg-white px-5 py-6 sm:gap-8 sm:p-8 lg:grid-cols-2'>
             <MenuBlocks items={items} />
           </div>
         </div>