Fix: More resilient appender CSS.

WordPress · Feb 22, 2021 · bb73b51 · bb73b51
1 parent 56f2d41
commit bb73b51
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/block-list-appender/style.scss b/packages/block-editor/src/components/block-list-appender/style.scss
@@ -6,7 +6,8 @@
 	list-style: none;
 
 	// Add a little left margin when used horizontally.
-	margin: 0 0 0 $grid-unit-10;
+	// The right margin should be set to auto, so as to not shift layout in flex containers.
+	margin: 0 auto 0 $grid-unit-10;
 
 	// ... unless it's the only child.
 	&:first-child {

diff --git a/packages/block-library/src/navigation-link/editor.scss b/packages/block-library/src/navigation-link/editor.scss
@@ -25,10 +25,11 @@
 	}
 
 	.block-list-appender {
-		margin: $grid-unit-10 * 2;
-		margin-left: $grid-unit-10 * 1.25;
-		margin-top: $grid-unit-10 * 1.25;
+		margin-top: $grid-unit-20;
+		// The right margin should be set to auto, so as to not shift layout in flex containers.
 		margin-right: auto;
+		margin-bottom: $grid-unit-20;
+		margin-left: $grid-unit-20;
 	}
 }