admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: overflow issue in tableSection (#7377)

Browse Source 
this PR fixes #7327

---------

Co-authored-by: ehconitin <nitinkoche03@gmail.com>
This commit is contained in:
Shubhdeep Chhabra
2024-10-09 01:04:36 +05:30
committed by GitHub
parent a8da0e2bc8
commit 444cd3f03f
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/twenty-front/src/modules/ui/layout/table/components/TableSection.tsx
View File

@ -1,8 +1,7 @@
import { ReactNode, useState } from 'react';
import { useTheme } from '@emotion/react'; import { useTheme } from '@emotion/react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { ReactNode, useState } from 'react';
import { IconChevronDown, IconChevronUp } from 'twenty-ui'; import { IconChevronDown, IconChevronUp } from 'twenty-ui';
import { TableBody } from './TableBody'; import { TableBody } from './TableBody';
type TableSectionProps = { type TableSectionProps = {
@ -28,7 +27,7 @@ const StyledSectionHeader = styled.div<{ isExpanded: boolean }>`
`; `;
const StyledSection = 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)}; opacity: ${({ isExpanded }) => (isExpanded ? 1 : 0)};
overflow: hidden; overflow: hidden;
transition: transition: