QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-17 21:00:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

CE-740 Border, padding adjustments

Browse Source
This commit is contained in:
darin.kelkhoff
2023-11-15 19:57:39 -06:00
parent 754010df3d
commit 6c6c1cfe3d
1 changed files with 44 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/qqq/components/widgets/misc/RecordGridWidget.tsx
View File

@ -22,6 +22,7 @@
import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData"; import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord"; import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import Icon from "@mui/material/Icon"; import Icon from "@mui/material/Icon";
import Tooltip from "@mui/material/Tooltip/Tooltip"; import Tooltip from "@mui/material/Tooltip/Tooltip";
@ -174,8 +175,8 @@ function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
if(widgetMetaData?.showExportButton) if(widgetMetaData?.showExportButton)
{ {
labelAdditionalElementsLeft.push( labelAdditionalElementsLeft.push(
<Typography key={1} variant="body2" py={2} px={0} display="inline" position="relative" top="-0.375rem"> <Typography key={1} variant="body2" py={2} px={0} display="inline" position="relative" top="-0.25rem">
<Tooltip title={tooltipTitle}><Button sx={{px: 1, py: 0, minWidth: "initial"}} onClick={onExportClick} disabled={isExportDisabled}><Icon>save_alt</Icon></Button></Tooltip> <Tooltip title={tooltipTitle}><Button sx={{px: 1, py: 0, minWidth: "initial"}} onClick={onExportClick} disabled={isExportDisabled}><Icon sx={{color: "#757575", fontSize: 1.125}}>save_alt</Icon></Button></Tooltip>
</Typography> </Typography>
); );
} }
@ -216,40 +217,47 @@ function RecordGridWidget({widgetMetaData, data}: Props): JSX.Element
labelAdditionalElementsLeft={labelAdditionalElementsLeft} labelAdditionalElementsLeft={labelAdditionalElementsLeft}
labelAdditionalComponentsRight={labelAdditionalComponentsRight} labelAdditionalComponentsRight={labelAdditionalComponentsRight}
> >
<DataGridPro <Box mx={-2} mb={-3}>
autoHeight <DataGridPro
rows={rows} autoHeight
disableSelectionOnClick sx={{
columns={columns} borderBottom: "none",
rowBuffer={10} borderLeft: "none",
getRowClassName={(params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "even" : "odd")} borderRight: "none"
onRowClick={handleRowClick} }}
// getRowHeight={() => "auto"} // maybe nice? wraps values in cells... rows={rows}
// components={{Toolbar: CustomToolbar, Pagination: CustomPagination, LoadingOverlay: Loading}} disableSelectionOnClick
// pinnedColumns={pinnedColumns} columns={columns}
// onPinnedColumnsChange={handlePinnedColumnsChange} rowBuffer={10}
// pagination getRowClassName={(params) => (params.indexRelativeToCurrentPage % 2 === 0 ? "even" : "odd")}
// paginationMode="server" onRowClick={handleRowClick}
// rowsPerPageOptions={[20]} // getRowHeight={() => "auto"} // maybe nice? wraps values in cells...
// sortingMode="server" // components={{Toolbar: CustomToolbar, Pagination: CustomPagination, LoadingOverlay: Loading}}
// filterMode="server" // pinnedColumns={pinnedColumns}
// page={pageNumber} // onPinnedColumnsChange={handlePinnedColumnsChange}
// checkboxSelection // pagination
rowCount={data && data.totalRows} // paginationMode="server"
// onPageSizeChange={handleRowsPerPageChange} // rowsPerPageOptions={[20]}
// onStateChange={handleStateChange} // sortingMode="server"
// density={density} // filterMode="server"
// loading={loading} // page={pageNumber}
// filterModel={filterModel} // checkboxSelection
// onFilterModelChange={handleFilterChange} rowCount={data && data.totalRows}
// columnVisibilityModel={columnVisibilityModel} // onPageSizeChange={handleRowsPerPageChange}
// onColumnVisibilityModelChange={handleColumnVisibilityChange} // onStateChange={handleStateChange}
// onColumnOrderChange={handleColumnOrderChange} // density={density}
// onSelectionModelChange={selectionChanged} // loading={loading}
// onSortModelChange={handleSortChange} // filterModel={filterModel}
// sortingOrder={[ "asc", "desc" ]} // onFilterModelChange={handleFilterChange}
// sortModel={columnSortModel} // columnVisibilityModel={columnVisibilityModel}
/> // onColumnVisibilityModelChange={handleColumnVisibilityChange}
// onColumnOrderChange={handleColumnOrderChange}
// onSelectionModelChange={selectionChanged}
// onSortModelChange={handleSortChange}
// sortingOrder={[ "asc", "desc" ]}
// sortModel={columnSortModel}
/>
</Box>
</Widget> </Widget>
); );
} }