IBM says you can't have more columns than your parents, even if you try to start another grid, with kburnett

This commit is contained in:
Dan 2023-01-30 16:43:47 -05:00
parent b43f7b6cf5
commit a4e4fdbd44
2 changed files with 7 additions and 7 deletions

View File

@ -217,7 +217,7 @@ export default function TaskShow() {
return ( return (
<Grid fullWidth condensed> <Grid fullWidth condensed>
<Column sm={4} md={8} lg={16}> <Column sm={4} md={5} lg={8}>
<Form <Form
formData={taskData} formData={taskData}
onSubmit={handleFormSubmit} onSubmit={handleFormSubmit}

View File

@ -40,9 +40,9 @@ export default function ArrayFieldItemTemplate<
const btnStyle: CSSProperties = { const btnStyle: CSSProperties = {
marginBottom: '0.5em', marginBottom: '0.5em',
}; };
const mainColumnWidthSmall = hasToolbar ? 3 : 4; const mainColumnWidthSmall = 3;
const mainColumnWidthMedium = hasToolbar ? 6 : 8; const mainColumnWidthMedium = 4;
const mainColumnWidthLarge = hasToolbar ? 12 : 16; const mainColumnWidthLarge = 7;
return ( return (
<div className={className}> <div className={className}>
<Grid condensed fullWidth> <Grid condensed fullWidth>
@ -55,9 +55,9 @@ export default function ArrayFieldItemTemplate<
</Column> </Column>
{hasToolbar && ( {hasToolbar && (
<Column <Column
sm={4 - mainColumnWidthSmall} sm={1}
md={8 - mainColumnWidthMedium} md={1}
lg={16 - mainColumnWidthLarge} lg={1}
> >
<div className="array-item-toolbox"> <div className="array-item-toolbox">
<div className="NOT-btn-group"> <div className="NOT-btn-group">