Add stretch alignment to Column block. (WordPress#53325)

bph · Aug 7, 2023 · 51e30ad · 51e30ad
1 parent 06e48f6
commit 51e30ad
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/block-library/src/column/edit.js b/packages/block-library/src/column/edit.js
@@ -104,6 +104,7 @@ function ColumnEdit( {
 				<BlockVerticalAlignmentToolbar
 					onChange={ updateAlignment }
 					value={ verticalAlignment }
+					controls={ [ 'top', 'center', 'bottom', 'stretch' ] }
 				/>
 			</BlockControls>
 			<InspectorControls>

diff --git a/packages/block-library/src/columns/style.scss b/packages/block-library/src/columns/style.scss
@@ -109,6 +109,10 @@
 		align-self: flex-end;
 	}
 
+	&.is-vertically-aligned-stretch {
+		align-self: stretch;
+	}
+
 	&.is-vertically-aligned-top,
 	&.is-vertically-aligned-center,
 	&.is-vertically-aligned-bottom {