Spotlight mode: Fix inactive block's styling regression (#9951)

WordPress · Sep 19, 2018 · 333a4c2 · 333a4c2
1 parent 897775f
commit 333a4c2
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/packages/editor/src/components/block-list/style.scss b/packages/editor/src/components/block-list/style.scss
@@ -32,16 +32,6 @@
 	> .editor-block-list__block-edit .reusable-block-edit-panel * {
 		z-index: z-index(".editor-block-list__block-edit .reusable-block-edit-panel *");
 	}
-
-	&.is-focus-mode:not(.is-multi-selected) {
-		opacity: 0.5;
-		transition: opacity 0.1s linear;
-
-		&:not(.is-focused) .editor-block-list__block,
-		&.is-focused {
-			opacity: 1;
-		}
-	}
 }
 
 
@@ -171,6 +161,17 @@
 	&.is-hovered > .editor-block-list__block-edit::before {
 		outline: $border-width solid theme(outlines);
 	}
+
+	// Spotlight mode
+	&.is-focus-mode:not(.is-multi-selected) {
+		opacity: 0.5;
+		transition: opacity 0.1s linear;
+
+		&:not(.is-focused) .editor-block-list__block,
+		&.is-focused {
+			opacity: 1;
+		}
+	}
 }