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

fix: record group chevron alignment (#9661)

Browse Source 
<img width="142" alt="Screenshot 2025-01-16 at 10 23 07 AM"
src="https://github.com/user-attachments/assets/07ea1d2f-0172-4f8e-94e4-bfeb87f4092a"
/>
<img width="153" alt="Screenshot 2025-01-16 at 10 22 37 AM"
src="https://github.com/user-attachments/assets/685bd859-cc51-4d52-8c3f-aba83056e92c"
/>

Fix Chevron alignment and CheckBox alignment
This commit is contained in:
Jérémy M
2025-01-16 11:20:39 +01:00
committed by GitHub
parent f74b12adb8
commit 9a82fb980b
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/twenty-front/src/modules/object-record/record-table/record-table-cell/components/RecordTableTd.tsx
View File

@ -24,9 +24,8 @@ const StyledTd = styled.td<{
${({ borderColor, hasBottomBorder }) => ${({ borderColor, hasBottomBorder }) =>
hasBottomBorder ? borderColor : 'transparent'}; hasBottomBorder ? borderColor : 'transparent'};
color: ${({ fontColor }) => fontColor}; color: ${({ fontColor }) => fontColor};
border-right: 1px solid border-right: ${({ borderColor, hasRightBorder }) =>
${({ borderColor, hasRightBorder }) => hasRightBorder ? `1px solid ${borderColor}` : 'none'};
hasRightBorder ? borderColor : 'transparent'};
padding: 0; padding: 0;
transition: 0.3s ease; transition: 0.3s ease;

7
packages/twenty-front/src/modules/object-record/record-table/record-table-section/components/RecordTableRecordGroupSection.tsx
View File

@ -32,6 +32,11 @@ const StyledChevronContainer = styled(RecordTableTd)`
vertical-align: middle; vertical-align: middle;
`; `;
const StyledAnimatedLightIconButton = styled(AnimatedLightIconButton)`
display: block;
margin: auto;
`;
const StyledTotalRow = styled.span` const StyledTotalRow = styled.span`
color: ${({ theme }) => theme.font.color.tertiary}; color: ${({ theme }) => theme.font.color.tertiary};
margin-left: ${({ theme }) => theme.spacing(2)}; margin-left: ${({ theme }) => theme.spacing(2)};
@ -88,7 +93,7 @@ export const RecordTableRecordGroupSection = () => {
<StyledTrContainer onClick={handleDropdownToggle}> <StyledTrContainer onClick={handleDropdownToggle}>
<td aria-hidden /> <td aria-hidden />
<StyledChevronContainer> <StyledChevronContainer>
<AnimatedLightIconButton <StyledAnimatedLightIconButton
Icon={IconChevronDown} Icon={IconChevronDown}
size="small" size="small"
accent="secondary" accent="secondary"