Add alignment controls to toolbar WordPress#3785

amdrew · Mar 15, 2018 · f5d5596 · f5d5596
1 parent 1e87758
commit f5d5596
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/blocks/library/heading/index.js b/blocks/library/heading/index.js
@@ -104,6 +104,15 @@ export const settings = {
 	edit( { attributes, setAttributes, isSelected, mergeBlocks, insertBlocksAfter, onReplace } ) {
 		const { align, content, nodeName, placeholder } = attributes;
 
+		const alignmentToolbar = (
+			<AlignmentToolbar
+				value={ align }
+				onChange={ ( nextAlign ) => {
+					setAttributes( { align: nextAlign } );
+				} }
+			/>
+		);
+
 		return [
 			isSelected && (
 				<BlockControls
@@ -117,7 +126,9 @@ export const settings = {
 							subscript: level,
 						} ) )
 					}
-				/>
+				>
+				{ alignmentToolbar }
+				</BlockControls>
 			),
 			isSelected && (
 				<InspectorControls key="inspector">
@@ -135,12 +146,7 @@ export const settings = {
 						}
 					/>
 					<p>{ __( 'Text Alignment' ) }</p>
-					<AlignmentToolbar
-						value={ align }
-						onChange={ ( nextAlign ) => {
-							setAttributes( { align: nextAlign } );
-						} }
-					/>
+					{ alignmentToolbar }
 				</InspectorControls>
 			),
 			<RichText