twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-28 09:12:37 +03:00
Code Issues Packages Projects Releases Wiki Activity

(fix): Filter/sort button positioning (#928)

Browse Source
This commit is contained in:
Aditya Pimpalkar 2023-07-26 01:23:34 +01:00 committed by GitHub
parent b52745533a
commit 09a019da5d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
front/src/modules/ui/table/components/EntityTable.tsx
View File

@ -72,6 +72,18 @@ const StyledTableWithHeader = styled.div`
width: 100%;
`;
const StyledTableContainer = styled.div`
display: flex;
flex-direction: column;
height: 100%;
overflow: auto;
`;
const StyledTableWrapper = styled.div`
flex: 1;
overflow: auto;
`;
type OwnProps<SortField> = {
columns: Array<TableColumn>;
viewName: string;
@ -109,18 +121,20 @@ export function EntityTable<SortField>({
return (
<StyledTableWithHeader>
<TableHeader
viewName={viewName}
viewIcon={viewIcon}
availableSorts={availableSorts}
onSortsUpdate={onSortsUpdate}
/>
<div ref={tableBodyRef}>
<StyledTable>
<EntityTableHeader columns={columns} />
<EntityTableBody columns={columns} />
</StyledTable>
</div>
<StyledTableContainer ref={tableBodyRef}>
<TableHeader
viewName={viewName}
viewIcon={viewIcon}
availableSorts={availableSorts}
onSortsUpdate={onSortsUpdate}
/>
<StyledTableWrapper>
<StyledTable>
<EntityTableHeader columns={columns} />
<EntityTableBody columns={columns} />
</StyledTable>
</StyledTableWrapper>
</StyledTableContainer>
</StyledTableWithHeader>
);
}