pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix custom header text positioning to match originals

Browse source
This commit is contained in:
jeffvli 2023-07-21 17:30:37 -07:00
parent 47d84fae2d
commit 92d7560362
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/renderer/components/virtual-table/headers/generic-table-header.tsx
View file

@ -14,7 +14,7 @@ type Options = {
preset?: Presets;
};
const HeaderWrapper = styled.div<{ position: Options['position'] }>`
export const HeaderWrapper = styled.div<{ position: Options['position'] }>`
display: flex;
justify-content: ${(props) =>
props.position === 'right'
@ -27,10 +27,12 @@ const HeaderWrapper = styled.div<{ position: Options['position'] }>`
text-transform: uppercase;
`;
const TextHeaderWrapper = styled(_Text)<{ position: Options['position'] }>`
const HeaderText = styled(_Text)<{ position: Options['position'] }>`
width: 100%;
height: 100%;
color: var(--ag-header-foreground-color);
font-weight: 500;
line-height: inherit;
text-align: ${(props) =>
props.position === 'right'
? 'flex-end'
@ -82,13 +84,15 @@ export const GenericTableHeader = (
}
return (
<TextHeaderWrapper
overflow="hidden"
position={position}
weight={500}
>
{children || displayName}
</TextHeaderWrapper>
<HeaderWrapper position={position}>
<HeaderText
overflow="hidden"
position={position}
weight={500}
>
{children || displayName}
</HeaderText>
</HeaderWrapper>
);
};