diff --git a/CHANGELOG.md b/CHANGELOG.md index 9fcda17b..de4be1a1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,9 @@ # CHANGELOG +## v0.42.2 + +- fix the pagination footer padding its left side 24px; the toolbar now pads it 12px by default and 8px with `size='small'` + ## v0.42.1 - fix the sticky head cell of the tables painting `background.default` instead of white; `muiThemeOptions` now overrides `MuiTableCell.stickyHeader` with `neutral[50]` diff --git a/package.json b/package.json index 071ce934..ba994c92 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "flipper-ui", - "version": "0.42.1", + "version": "0.42.2", "author": "NG", "license": "MIT", "main": "dist/index.js", diff --git a/src/core/data-display/table/index.tsx b/src/core/data-display/table/index.tsx index a5156707..c538497a 100644 --- a/src/core/data-display/table/index.tsx +++ b/src/core/data-display/table/index.tsx @@ -17,6 +17,7 @@ const SMALL_SIZE_SX = { // icon 12px from the edge, the same inset the small cells use '&& tfoot .MuiTablePagination-toolbar': { minHeight: '40px', + paddingLeft: '8px', paddingRight: '8px' }, // the labels are `p` elements, and their default `1em` margin is what diff --git a/src/core/data-display/table/table-pagination.tsx b/src/core/data-display/table/table-pagination.tsx index fe9ff6f8..871a5be5 100644 --- a/src/core/data-display/table/table-pagination.tsx +++ b/src/core/data-display/table/table-pagination.tsx @@ -69,7 +69,10 @@ const TablePagination = ({ ...style }} sx={{ - borderBottom: `1px solid ${gray[200]}` + borderBottom: `1px solid ${gray[200]}`, + '&& .MuiTablePagination-toolbar': { + paddingLeft: '12px' + } }} slotProps={ footerActions