Paragraph Block: Move the block alignment to the inspector

WordPress · Aug 22, 2017 · 53dfb42 · 53dfb42
1 parent ac911ae
commit 53dfb42
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/blocks/library/paragraph/index.js b/blocks/library/paragraph/index.js
@@ -83,7 +83,7 @@ registerBlockType( 'core/paragraph', {
 
 	getEditWrapperProps( attributes ) {
 		const { width } = attributes;
-		if ( 'wide' === width || 'full' === width ) {
+		if ( [ 'wide', 'full', 'left', 'right' ].indexOf( width ) !== -1 ) {
 			return { 'data-align': width };
 		}
 	},
@@ -96,11 +96,6 @@ registerBlockType( 'core/paragraph', {
 		return [
 			focus && (
 				<BlockControls key="controls">
-					<BlockAlignmentToolbar
-						value={ width }
-						onChange={ ( nextWidth ) => setAttributes( { width: nextWidth } ) }
-						controls={ [ 'wide', 'full' ] }
-					/>
 					<AlignmentToolbar
 						value={ align }
 						onChange={ ( nextAlign ) => {
@@ -140,6 +135,11 @@ registerBlockType( 'core/paragraph', {
 						value={ textColor }
 						onChange={ ( colorValue ) => setAttributes( { textColor: colorValue.hex } ) }
 					/>
+					<h3>{ __( 'Block Alignment' ) }</h3>
+					<BlockAlignmentToolbar
+						value={ width }
+						onChange={ ( nextWidth ) => setAttributes( { width: nextWidth } ) }
+					/>
 				</InspectorControls>
 			),
 			<Editable