From fbe9e2c0dbe7248b008bccc0f4e022cf79ab8451 Mon Sep 17 00:00:00 2001 From: Shreyansh Kumar Date: Tue, 10 Sep 2024 14:01:16 +0530 Subject: [PATCH] Fixed the overflow height of the Developers page's table (#6963) Ref: https://github.com/twentyhq/twenty/issues/6962 As of now, if user has more than 20 API keys or webhooks, whole page has scroll, when for the end user (UX) it'd be better if each table had it's own scroll. --- .../settings/developers/components/SettingsApiKeysTable.tsx | 2 ++ .../settings/developers/components/SettingsWebhooksTable.tsx | 2 ++ 2 files changed, 4 insertions(+) diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx index f5d86e6a3b3d..ede12c34bf6c 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsApiKeysTable.tsx @@ -13,6 +13,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; const StyledTableBody = styled(TableBody)` border-bottom: 1px solid ${({ theme }) => theme.border.color.light}; + max-height: 260px; + overflow-y: auto; `; const StyledTableRow = styled(TableRow)` diff --git a/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx b/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx index b10a1de71377..15c479d501a5 100644 --- a/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx +++ b/packages/twenty-front/src/modules/settings/developers/components/SettingsWebhooksTable.tsx @@ -11,6 +11,8 @@ import { TableRow } from '@/ui/layout/table/components/TableRow'; const StyledTableBody = styled(TableBody)` border-bottom: 1px solid ${({ theme }) => theme.border.color.light}; + max-height: 260px; + overflow-y: auto; `; const StyledTableRow = styled(TableRow)`