From 867e1140a443c8d98a4f30773055651059569db7 Mon Sep 17 00:00:00 2001
From: simeng-li <simeng@silverhand.io>
Date: Fri, 29 Mar 2024 10:39:37 +0800
Subject: [PATCH] fix(console): revert the custom jwt forms overflow hidden
 (#5573)

revert the custom jwt forms overflow hidden styles
---
 .../src/pages/JwtClaims/SettingsSection/TestTab.tsx    |  4 +---
 .../pages/JwtClaims/SettingsSection/index.module.scss  | 10 ----------
 packages/console/src/pages/JwtClaims/index.module.scss |  5 -----
 3 files changed, 1 insertion(+), 18 deletions(-)

diff --git a/packages/console/src/pages/JwtClaims/SettingsSection/TestTab.tsx b/packages/console/src/pages/JwtClaims/SettingsSection/TestTab.tsx
index c0aa2cf2087..95dc6a8fd9f 100644
--- a/packages/console/src/pages/JwtClaims/SettingsSection/TestTab.tsx
+++ b/packages/console/src/pages/JwtClaims/SettingsSection/TestTab.tsx
@@ -155,9 +155,7 @@ function TestTab({ isActive }: Props) {
 
   return (
     <div className={classNames(styles.tabContent, isActive && styles.active)}>
-      <Card
-        className={classNames(styles.card, styles.flexGrow, styles.flexColumn, styles.fixHeight)}
-      >
+      <Card className={classNames(styles.card, styles.flexGrow, styles.flexColumn)}>
         <div className={styles.headerRow}>
           <div className={styles.cardHeader}>
             <div className={styles.cardTitle}>{t('tester.title')}</div>
diff --git a/packages/console/src/pages/JwtClaims/SettingsSection/index.module.scss b/packages/console/src/pages/JwtClaims/SettingsSection/index.module.scss
index 01139c62356..5ff83a94b92 100644
--- a/packages/console/src/pages/JwtClaims/SettingsSection/index.module.scss
+++ b/packages/console/src/pages/JwtClaims/SettingsSection/index.module.scss
@@ -37,8 +37,6 @@
 
 .tabContent {
   display: none;
-  // restrict the height of the tab content to the height of the container
-  overflow: hidden;
 
   &.active {
     flex: 1;
@@ -87,14 +85,6 @@
     }
   }
 
-  &.fixHeight {
-    overflow: hidden;
-
-    .cardContent {
-      overflow: hidden;
-    }
-  }
-
   .expandButton {
     width: 24px;
     height: 24px;
diff --git a/packages/console/src/pages/JwtClaims/index.module.scss b/packages/console/src/pages/JwtClaims/index.module.scss
index a0f268036ec..0f019347fe6 100644
--- a/packages/console/src/pages/JwtClaims/index.module.scss
+++ b/packages/console/src/pages/JwtClaims/index.module.scss
@@ -19,16 +19,11 @@
   display: flex;
   flex-direction: row;
   flex-grow: 1;
-  // restrict the height of the tab content to the height of the container
-  overflow: hidden;
 
   > * {
     flex: 1;
     margin-bottom: _.unit(6);
 
-    // restrict the height of the tab content to the height of the container
-    overflow: hidden;
-
     &:first-child {
       margin-right: _.unit(3);
     }