WP.com Block Editor: Add front-end styles for text justify. (#36401)

Automattic · Sep 30, 2019 · fbf7da7 · fbf7da7
1 parent 5b12ef3
commit fbf7da7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/apps/wpcom-block-editor/src/common/rich-text.js b/apps/wpcom-block-editor/src/common/rich-text.js
@@ -1,3 +1,4 @@
+/* eslint-disable import/no-extraneous-dependencies */
 /* global wpcomGutenberg */
 
 /**
@@ -78,6 +79,5 @@ registerFormatType( 'wpcom/justify', {
 	title: wpcomGutenberg.richTextToolbar.justify,
 	tagName: 'p',
 	className: null,
-	attributes: { style: 'style' },
 	edit: ConnectedRichTextJustifyButton,
 } );
diff --git a/apps/wpcom-block-editor/src/common/style.scss b/apps/wpcom-block-editor/src/common/style.scss
@@ -42,3 +42,7 @@
 .components-notice-list {
 	z-index: 29; // Ensure notices are placed behind the editor header (z-index: 30).
 }
+
+.has-text-align-justify {
+	text-align: justify;
+}