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

Update to scroll previewRecords

Browse Source
This commit is contained in:
darin.kelkhoff
2022-10-19 18:07:22 -05:00
parent 683fa2d494
commit 3160e1e912
1 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/qqq/pages/process-run/components/QValidationReview.tsx
View File

@ -24,7 +24,7 @@ import {QInstance} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QInstan
import {QProcessMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QProcessMetaData"; import {QProcessMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QProcessMetaData";
import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData"; import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData";
import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord"; import {QRecord} from "@kingsrook/qqq-frontend-core/lib/model/QRecord";
import {Button, FormControlLabel, ListItem, Radio, RadioGroup, tooltipClasses, TooltipProps} from "@mui/material"; import {Box, Button, FormControlLabel, ListItem, Radio, RadioGroup, tooltipClasses, TooltipProps} from "@mui/material";
import Grid from "@mui/material/Grid"; import Grid from "@mui/material/Grid";
import Icon from "@mui/material/Icon"; import Icon from "@mui/material/Icon";
import IconButton from "@mui/material/IconButton"; import IconButton from "@mui/material/IconButton";
@ -252,6 +252,8 @@ function QValidationReview({
</MDBox> </MDBox>
</MDTypography> </MDTypography>
<MDTypography color="body" variant="body2" component="div"> <MDTypography color="body" variant="body2" component="div">
<Box sx={{maxHeight: "calc(100vh - 640px)", overflow: "auto", minHeight: "300px", marginRight: "-40px"}}>
<Box sx={{paddingRight: "40px"}}>
{ {
previewRecords && previewRecords[previewRecordIndex] && step.recordListFields.map((field) => ( previewRecords && previewRecords[previewRecordIndex] && step.recordListFields.map((field) => (
<MDBox key={field.name} style={{marginBottom: "12px"}}> <MDBox key={field.name} style={{marginBottom: "12px"}}>
@ -263,6 +265,8 @@ function QValidationReview({
</MDBox> </MDBox>
)) ))
} }
</Box>
</Box>
{ {
previewRecords && previewRecords.length > 0 && ( previewRecords && previewRecords.length > 0 && (
<MDBox display="flex" justifyContent="space-between" alignItems="center"> <MDBox display="flex" justifyContent="space-between" alignItems="center">