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:
@ -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;
|
||||
|
||||
@ -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"
|
||||
|
||||
Reference in New Issue
Block a user