From 444cd3f03f0f69eb50924a364fd68a3b8349a04e Mon Sep 17 00:00:00 2001 From: Shubhdeep Chhabra Date: Wed, 9 Oct 2024 01:04:36 +0530 Subject: [PATCH] fix: overflow issue in tableSection (#7377) this PR fixes #7327 --------- Co-authored-by: ehconitin --- .../src/modules/ui/layout/table/components/TableSection.tsx | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx index cbec40532..84be28c93 100644 --- a/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx +++ b/packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx @@ -1,8 +1,7 @@ -import { ReactNode, useState } from 'react'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { ReactNode, useState } from 'react'; import { IconChevronDown, IconChevronUp } from 'twenty-ui'; - import { TableBody } from './TableBody'; type TableSectionProps = { @@ -28,7 +27,7 @@ const StyledSectionHeader = styled.div<{ isExpanded: boolean }>` `; const StyledSection = styled.div<{ isExpanded: boolean }>` - max-height: ${({ isExpanded }) => (isExpanded ? '1000px' : 0)}; + max-height: ${({ isExpanded }) => (isExpanded ? 'fit-content' : 0)}; opacity: ${({ isExpanded }) => (isExpanded ? 1 : 0)}; overflow: hidden; transition: