Polish social links when inside navigation.

WordPress · Feb 9, 2021 · 95256f7 · 95256f7
1 parent 85d74aa
commit 95256f7
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -1,9 +1,14 @@
-// Default background and font color
-.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
-	.wp-block-navigation__container {
-		color: $gray-900;
-		background-color: $white;
-		min-width: 200px;
+.wp-block-navigation__container {
+	// Vertically align child blocks, like Social Links or Search.
+	align-items: center;
+
+	// Default background and font color
+	&:not(.has-background) .wp-block-navigation__container {
+		.wp-block-navigation__container {
+			color: $gray-900;
+			background-color: $white;
+			min-width: 200px;
+		}
 	}
 }
 

diff --git a/packages/block-library/src/social-links/editor.scss b/packages/block-library/src/social-links/editor.scss
@@ -22,7 +22,7 @@
 	transition: all 0.1s ease-in-out;
 	@include reduce-motion("transition");
 
-	.is-selected & {
+	.is-selected > & {
 		opacity: 0.1;
 	}
 
@@ -40,7 +40,7 @@
 	// Wrap the remaining placeholders in a container so the plus can overlap.
 	> .wp-block-social-links__social-placeholder-icons {
 		display: flex;
-		position: absolute;
+		//position: absolute;
 	}
 
 	& + .block-list-appender,
@@ -67,6 +67,10 @@
 }
 
 // Polish the Appender.
+.wp-block-social-links .wp-block-social-links__social-placeholder + .block-list-appender {
+	position: absolute;
+}
+
 .wp-block-social-links .block-list-appender {
 	padding: 0;