From 60ea6bd8337d19e5639420da88d4d84653fcad34 Mon Sep 17 00:00:00 2001
From: MytsV <mytsvictoria@gmail.com>
Date: Fri, 9 Aug 2024 15:09:10 +0300
Subject: [PATCH] Fix overlay overflow; fix view model parameters of multiple
 account story

---
 .../01_2_Login_multi_account.stories.tsx      |  6 ++---
 src/component-library/Pages/Login/Login.tsx   |  2 +-
 src/component-library/outputtailwind.css      | 26 +++++--------------
 3 files changed, 10 insertions(+), 24 deletions(-)

diff --git a/src/component-library/Demos/01_2_Login_multi_account.stories.tsx b/src/component-library/Demos/01_2_Login_multi_account.stories.tsx
index be48483f0..7e573e891 100644
--- a/src/component-library/Demos/01_2_Login_multi_account.stories.tsx
+++ b/src/component-library/Demos/01_2_Login_multi_account.stories.tsx
@@ -61,10 +61,10 @@ export const Playbook_Multi_Account: Story = {
             rucioAuthHost: 'https://rucio.cern.ch',
         },
         authViewModel: {
-            status: "success",
-            message: "",
+            status: "multiple_accounts",
+            message: "mayank,ddmadmin,tester",
             rucioAccount: "",
-            rucioMultiAccount: "mayank,ddmadmin",
+            rucioMultiAccount: "",
             rucioAuthType: "",
             rucioAuthToken: "",
             rucioIdentity: "",
diff --git a/src/component-library/Pages/Login/Login.tsx b/src/component-library/Pages/Login/Login.tsx
index 1b0dd3764..ace4a4260 100644
--- a/src/component-library/Pages/Login/Login.tsx
+++ b/src/component-library/Pages/Login/Login.tsx
@@ -66,7 +66,7 @@ const MultipleAccountsModal = ({
             "border-2",
             "bg-neutral-0 dark:bg-neutral-800",
             "flex flex-col space-y-2 p-6",
-            "justify-center items-center overflow-hidden outline-none focus:outline-none"
+            "justify-center items-center overflow-y-visible outline-none focus:outline-none"
         )}
         contentLabel="Multiaccount Modal"
     >
diff --git a/src/component-library/outputtailwind.css b/src/component-library/outputtailwind.css
index 1f7f56b71..344f8ec9e 100644
--- a/src/component-library/outputtailwind.css
+++ b/src/component-library/outputtailwind.css
@@ -959,10 +959,6 @@ html {
   max-width: 48rem;
 }
 
-.min-w-full {
-  min-width: 100%;
-}
-
 .max-w-sm {
   max-width: 24rem;
 }
@@ -1078,10 +1074,6 @@ html {
   flex-wrap: wrap;
 }
 
-.content-center {
-  align-content: center;
-}
-
 .items-start {
   align-items: flex-start;
 }
@@ -1160,12 +1152,6 @@ html {
   margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
-.space-x-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 0;
-  margin-right: calc(2rem * var(--tw-space-x-reverse));
-  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
-}
-
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1198,8 +1184,8 @@ html {
   overflow-y: auto;
 }
 
-.overflow-x-hidden {
-  overflow-x: hidden;
+.overflow-y-visible {
+  overflow-y: visible;
 }
 
 .overflow-y-scroll {
@@ -1661,14 +1647,14 @@ html {
   background-color: rgb(133 77 14 / var(--tw-bg-opacity));
 }
 
-.p-0 {
-  padding: 0px;
-}
-
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
 
+.p-0 {
+  padding: 0px;
+}
+
 .p-1 {
   padding: 0.25rem;
 }