Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Table Multiselect checkbox alignment

Browse Source
This commit is contained in:
Tolulope Adetula 2022-04-19 09:40:42 +01:00
parent bb5d7159c6
commit a892aa678d
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/client/src/widgets/TableWidget/component/TableStyledWrappers.tsx
View File

@ -435,8 +435,12 @@ export const CellWrapper = styled.div<{
`; `;
export const CellCheckboxWrapper = styled(CellWrapper)<{ isChecked?: boolean }>` export const CellCheckboxWrapper = styled(CellWrapper)<{ isChecked?: boolean }>`
justify-content: center; &&& {
width: 40px; justify-content: center;
width: 40px;
padding: 0px;
align-items: center;
}
& > div { & > div {
${(props) => ${(props) =>
props.isChecked props.isChecked

1
app/client/src/widgets/TableWidget/component/TableUtilities.tsx
View File

@ -484,7 +484,6 @@ export const renderCheckBoxHeaderCell = (
isChecked={!!checkState} isChecked={!!checkState}
onClick={onClick} onClick={onClick}
role="columnheader" role="columnheader"
style={{ padding: "0px", justifyContent: "center" }}
> >
<CellCheckbox> <CellCheckbox>
{checkState === 1 && <CheckBoxCheckIcon className="th-svg" />} {checkState === 1 && <CheckBoxCheckIcon className="th-svg" />}