Fix centering

This fixes an issue where an un-resized but still not full-width image wouldn't center in the editor. It also removes some CSS bleed for some alignment styles that were specific to the Classic block, but weren't necessary for Gutenblocks. This fixes #4968.
WordPress · Feb 9, 2018 · 908f933 · 908f933
1 parent a451ffb
commit 908f933
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 19 deletions.
diff --git a/blocks/library/freeform/editor.scss b/blocks/library/freeform/editor.scss
@@ -88,6 +88,22 @@
 	&:focus code[data-mce-selected] {
 		background: $light-gray-400;
 	}
+
+	.alignright {
+		float: right;
+		margin: 0.5em 0 0.5em 1em;
+	}
+
+	.alignleft {
+		float: left;
+		margin: 0.5em 1em 0.5em 0;
+	}
+
+	.aligncenter {
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+	}
 }
 
 // freeform toolbar

diff --git a/blocks/library/image/editor.scss b/blocks/library/image/editor.scss
@@ -88,7 +88,14 @@
 	}
 }
 
-.editor-block-list__block[data-type="core/image"][data-align="center"] .wp-block-image {
-	margin-left: auto;
-	margin-right: auto;
+.editor-block-list__block[data-type="core/image"][data-align="center"] {
+	.wp-block-image {
+		margin-left: auto;
+		margin-right: auto;
+	}
+
+	&[data-resized="false"] .wp-block-image div {
+		margin-left: auto;
+		margin-right: auto;
+	}
 }
diff --git a/edit-post/assets/stylesheets/main.scss b/edit-post/assets/stylesheets/main.scss
@@ -133,22 +133,6 @@ body.gutenberg-editor-page {
 	.components-navigate-regions {
 		height: 100%;
 	}
-
-	.alignright {
-		float: right;
-		margin: 0.5em 0 0.5em 1em;
-	}
-
-	.alignleft {
-		float: left;
-		margin: 0.5em 1em 0.5em 0;
-	}
-
-	.aligncenter {
-		display: block;
-		margin-left: auto;
-		margin-right: auto;
-	}
 }
 
 .editor-post-title,