fix(console): pagination bar should be fully visible (#5758)

logto-io · Apr 19, 2024 · 9707d66 · 9707d66
1 parent d23b433
commit 9707d66
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/packages/console/src/pages/TenantSettings/TenantMembers/EditMemberModal/index.tsx b/packages/console/src/pages/TenantSettings/TenantMembers/EditMemberModal/index.tsx
@@ -15,6 +15,8 @@ import { useConfirmModal } from '@/hooks/use-confirm-modal';
 import useCurrentTenantScopes from '@/hooks/use-current-tenant-scopes';
 import * as modalStyles from '@/scss/modal.module.scss';
 
+import * as styles from '../index.module.scss';
+
 type Props = {
   readonly user: TenantMemberResponse;
   readonly isOpen: boolean;
@@ -43,7 +45,9 @@ function EditMemberModal({ user, isOpen, onClose }: Props) {
     if (role === TenantRole.Admin) {
       const [result] = await show({
         ModalContent: () => (
-          <Trans components={{ ul: <ul />, li: <li /> }}>{t('assign_admin_confirm')}</Trans>
+          <Trans components={{ ul: <ul className={styles.list} />, li: <li /> }}>
+            {t('assign_admin_confirm')}
+          </Trans>
         ),
         confirmButtonText: 'general.confirm',
       });

diff --git a/packages/console/src/pages/TenantSettings/TenantMembers/InviteMemberModal/index.tsx b/packages/console/src/pages/TenantSettings/TenantMembers/InviteMemberModal/index.tsx
@@ -15,6 +15,7 @@ import * as modalStyles from '@/scss/modal.module.scss';
 
 import InviteEmailsInput from '../InviteEmailsInput';
 import useEmailInputUtils from '../InviteEmailsInput/hooks';
+import * as styles from '../index.module.scss';
 import { type InviteMemberForm } from '../types';
 
 import Footer from './Footer';
@@ -66,7 +67,9 @@ function InviteMemberModal({ isOpen, onClose }: Props) {
     if (role === TenantRole.Admin) {
       const [result] = await show({
         ModalContent: () => (
-          <Trans components={{ ul: <ul />, li: <li /> }}>{t('assign_admin_confirm')}</Trans>
+          <Trans components={{ ul: <ul className={styles.list} />, li: <li /> }}>
+            {t('assign_admin_confirm')}
+          </Trans>
         ),
         confirmButtonText: 'general.confirm',
       });

diff --git a/packages/console/src/pages/TenantSettings/TenantMembers/index.module.scss b/packages/console/src/pages/TenantSettings/TenantMembers/index.module.scss
@@ -53,7 +53,7 @@
   }
 }
 
-ul {
+.list {
   padding-inline-start: _.unit(6);
 
   > li {
-Original file line number
+Diff line change
@@ Expand Up / @@ -53,7 +53,7 @@ @@
       }
     }
-    ul {
+    .list {
       padding-inline-start: _.unit(6);
       > li {
@@ Expand Down @@