Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-02-23 00:22:19 +01:00
Code Issues Projects Releases Wiki Activity

fix: add after element to column headers (#1000)

Browse Source 
* fix: add after element to column headers

* fix: add overflow hidden
This commit is contained in:
Fredrik Strand Oseberg 2022-05-20 09:58:26 +02:00 committed by GitHub
parent a8b46a664f
commit c28cdab6e8
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/component/common/Table/SortableTableHeader/CellSortable/CellSortable.styles.ts
View File

@ -40,9 +40,19 @@ export const useStyles = makeStyles()(theme => ({
fontWeight: theme.fontWeight.bold,
},
label: {
display: 'flex',
flexDirection: 'column',
whiteSpace: 'nowrap',
textOverflow: 'ellipsis',
overflowX: 'hidden',
overflowY: 'visible',
'::after': {
fontWeight: 'bold',
display: 'inline-block',
height: 0,
content: 'attr(data-text)',
visibility: 'hidden',
overflow: 'hidden',
},
},
}));

1
frontend/src/component/common/Table/SortableTableHeader/CellSortable/CellSortable.tsx
View File

@ -111,6 +111,7 @@ export const CellSortable: FC<ICellSortableProps> = ({
className={styles.label}
ref={ref}
tabIndex={-1}
data-text={children}
>
{children}
</span>