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