fix: record group chevron alignment (#9661)

<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

View File

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

View File

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