alignment options layout

WordPress · Sep 1, 2023 · c84fe66 · c84fe66
1 parent eae5470
commit c84fe66
Show file tree

Hide file tree

Showing 3 changed files with 285 additions and 224 deletions.
diff --git a/packages/block-editor/src/components/child-layout-control/index.js b/packages/block-editor/src/components/child-layout-control/index.js
@@ -29,6 +29,7 @@ import { store as blockEditorStore } from '../../store';
  * @param {string}   props.clientId
  * @return {WPElement} child layout edit element.
  */
+
 export default function ChildLayoutControl( {
 	value = {},
 	onChange,
@@ -63,7 +64,8 @@ export default function ChildLayoutControl( {
 
 	const isConstrained =
 		parentLayoutTypeToUse === 'constrained' ||
-		parentLayoutTypeToUse === 'default';
+		parentLayoutTypeToUse === 'default' ||
+		parentLayoutTypeToUse === undefined;
 
 	const widthProp =
 		isConstrained || orientation === 'vertical'
@@ -313,7 +315,6 @@ export default function ChildLayoutControl( {
 	};
 
 	const onChangeHeight = ( newHeight ) => {
-		console.log( 'height:', orientation, heightProp, newHeight );
 		onChange( {
 			style: {
 				...value,
@@ -343,7 +344,7 @@ export default function ChildLayoutControl( {
 					childLayout[ widthProp ] === 'fixedNoShrink' ) && (
 					<FlexBlock>
 						<UnitControl
-							size={ '__unstable-large' }
+							__next36pxDefaultSize
 							onChange={ ( _value ) => {
 								onChange( {
 									style: {
@@ -376,7 +377,7 @@ export default function ChildLayoutControl( {
 					childLayout[ heightProp ] === 'fixedNoShrink' ) && (
 					<FlexBlock>
 						<UnitControl
-							size={ '__unstable-large' }
+							__next36pxDefaultSize
 							onChange={ ( _value ) => {
 								onChange( {
 									style: {