Code cleanup

WordPress · Mar 11, 2021 · 3f7b4eb · 3f7b4eb
1 parent fc731b2
commit 3f7b4eb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -61,7 +61,6 @@
 			right: $border-width;
 
 			// Everything else.
-			// 2px outside.
 			box-shadow: 0 0 0 $border-width $gray-900;
 			border-radius: $radius-block-ui - $border-width; // Border is outset, so subtract the width to achieve correct radius.
 

diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss
@@ -28,6 +28,14 @@
 		color: $white;
 	}
 
+	&.is-branch-selected.is-selected .block-editor-block-navigation-block-contents {
+		border-radius: 2px 2px 0 0;
+	}
+	&.is-branch-selected:not(.is-selected) .block-editor-block-navigation-block-contents {
+		background: $gray-100;
+		border-radius: 0;
+	}
+
 	&.is-dragging {
 		display: none;
 	}
@@ -45,10 +53,13 @@
 		white-space: nowrap;
 
 		&:hover {
-			background: $gray-100;
+			box-shadow: inset 0 0 0 $border-width $gray-900;
 		}
 
 		&:focus {
+			box-shadow:
+				inset 0 0 0 1px $white,
+				0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 			z-index: 1;
 		}
 
@@ -233,12 +244,3 @@
 	flex-shrink: 0;
 	width: 18px;
 }
-
-// EXPERIMENTAL
-tr.block-editor-block-navigation-leaf {
-	&.is-selected .block-editor-block-navigation-block-contents {
-		&:focus {
-			box-shadow: inset 0 0 0 1px $white, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-		}
-	}
-}