Try: Allow vertical inserter in the nav block.

Fixes #28313.
WordPress · Mar 12, 2021 · 4cd0ad1 · 4cd0ad1
1 parent 877f615
commit 4cd0ad1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/packages/block-library/src/navigation-link/style.scss b/packages/block-library/src/navigation-link/style.scss
@@ -2,7 +2,7 @@
 	display: flex;
 	align-items: center;
 	position: relative;
-	margin: 0;
+	margin: 0 0.5em 0 0;
 
 	.wp-block-navigation-link__container:empty {
 		display: none;

diff --git a/packages/block-library/src/navigation/editor.scss b/packages/block-library/src/navigation/editor.scss
@@ -12,8 +12,16 @@
 	}
 
 	// Unset horizontal and vertical margin rules from editor normalization stylesheet.
+	// Both margin-left: auto; and margin-right: auto; from .wp-block, and also
+	// margin: revert; from .editor-styles-wrapper ul li.
 	.block-editor-block-list__block {
 		margin: 0;
+
+		// This CSS provides a little spacing between blocks.
+		// It matches a rule in style.scss exactly, but needs higher specificity due to the unsetting of inherited styles above.
+		&.wp-block-navigation-link {
+			margin: 0 0.5em 0 0;
+		}
 	}
 }
 

diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -5,7 +5,6 @@
 		list-style: none;
 
 		// Overrides generic ".entry-content li" styles on the front end.
-		margin: 0;
 		padding: 0;
 	}
 }