Add constrained/flow layout to Cover block.

WordPress · Oct 27, 2022 · 3722eb7 · 3722eb7
1 parent 6c9c919
commit 3722eb7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/packages/block-library/src/cover/block.json b/packages/block-library/src/cover/block.json
@@ -105,6 +105,11 @@
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}
+		},
+		"__experimentalLayout": {
+			"default": {
+				"type": "constrained"
+			}
 		}
 	},
 	"editorStyle": "wp-block-cover-editor",

diff --git a/packages/block-library/src/cover/edit/index.js b/packages/block-library/src/cover/edit/index.js
@@ -89,6 +89,7 @@ function CoverEdit( {
 		hasParallax,
 		isDark,
 		isRepeated,
+		layout = {},
 		minHeight,
 		minHeightUnit,
 		alt,
@@ -183,6 +184,11 @@ function CoverEdit( {
 		fontSize: hasFontSizes ? 'large' : undefined,
 	} );
 
+	const defaultLayout = useSetting( 'layout' ) || {};
+	const usedLayout = ! layout?.type
+		? { ...defaultLayout, ...layout, type: 'constrained' }
+		: { ...defaultLayout, ...layout };
+
 	const innerBlocksProps = useInnerBlocksProps(
 		{
 			className: 'wp-block-cover__inner-container',
@@ -192,6 +198,7 @@ function CoverEdit( {
 			templateInsertUpdatesSelection: true,
 			allowedBlocks,
 			templateLock,
+			__experimentalLayout: usedLayout,
 		}
 	);