Restore floated image margins. (#21500)

WordPress · Apr 22, 2020 · f34d799 · f34d799
1 parent f8e4c9c
commit f34d799
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/packages/block-library/src/image/editor.scss b/packages/block-library/src/image/editor.scss
@@ -17,6 +17,19 @@
 		margin-top: -9px;
 		margin-left: -9px;
 	}
+
+	// These need specificity to override an inherited left/right block margin in the editor.
+	&.wp-block-image.alignleft {
+		margin-right: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
+	}
+
+	&.wp-block-image.alignright {
+		margin-left: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
+	}
 }
 
 // This is necessary for the editor resize handles to accurately work on a non-floated, non-resized, small image.

diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss
@@ -39,13 +39,17 @@
 		float: left;
 		/*rtl:ignore*/
 		margin-right: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
 	}
 
 	.alignright {
 		/*rtl:ignore*/
 		float: right;
 		/*rtl:ignore*/
 		margin-left: 1em;
+		margin-top: 0.5em;
+		margin-bottom: 0.5em;
 	}
 
 	.aligncenter {