Arvados-DCO-1.1-Signed-off-by: Stephen Smith <stephen@curii.com>
| "imagePreview"
| "valArray"
| "secondaryVal"
| "imagePreview"
| "valArray"
| "secondaryVal"
| "symmetricTabs"
| "imagePlaceholder"
| "rowWithPreview"
| "symmetricTabs"
| "imagePlaceholder"
| "rowWithPreview"
secondaryVal: {
paddingLeft: '20px',
},
secondaryVal: {
paddingLeft: '20px',
},
+ secondaryRow: {
+ height: '29px',
+ verticalAlign: 'top',
+ position: 'relative',
+ top: '-9px',
+ },
emptyValue: {
color: theme.customs.colors.grey500,
},
emptyValue: {
color: theme.customs.colors.grey500,
},
'& td': {
borderBottom: 'none',
}
'& td': {
borderBottom: 'none',
}
{data.map((param: ProcessIOParameter) => {
const firstVal = param.value.length > 0 ? param.value[0] : undefined;
const rest = param.value.slice(1);
{data.map((param: ProcessIOParameter) => {
const firstVal = param.value.length > 0 ? param.value[0] : undefined;
const rest = param.value.slice(1);
- const rowClass = rest.length > 0 ? classes.halfRow : undefined;
+ const mainRowClasses = {
+ [classes.noBorderRow]: (rest.length > 0),
+ };
- <TableRow className={rowClass} data-cy="process-io-param">
+ <TableRow className={classNames(mainRowClasses)} data-cy="process-io-param">
<TableCell>
{param.id}
</TableCell>
<TableCell>
{param.id}
</TableCell>
</Typography>
</TableCell>
</TableRow>
</Typography>
</TableCell>
</TableRow>
- {rest.map((val, i) => (
- <TableRow className={(i < rest.length-1) ? rowClass : undefined}>
+ {rest.map((val, i) => {
+ const rowClasses = {
+ [classes.noBorderRow]: (i < rest.length-1),
+ [classes.secondaryRow]: val.secondary,
+ };
+ return <TableRow className={classNames(rowClasses)}>
<TableCell />
{showLabel && <TableCell />}
<TableCell>
<TableCell />
{showLabel && <TableCell />}
<TableCell>
</Typography>
</TableCell>
</TableRow>
</Typography>
</TableCell>
</TableRow>