fix(console): revert the custom jwt forms overflow hidden (#5573)

revert the custom jwt forms overflow hidden styles
logto-io · Mar 29, 2024 · 867e114 · 867e114
1 parent 03144ae
commit 867e114
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 18 deletions.
diff --git 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
@@ -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
@@ -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);
     }