Only show movers when selected, hovered or focused

WordPress · Oct 25, 2019 · 9462362 · 9462362
1 parent 405929f
commit 9462362
Showing 1 changed file with 16 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-navigation/style.scss b/packages/block-editor/src/components/block-navigation/style.scss
@@ -25,14 +25,29 @@ $tree-item-height: 36px;
 	&.is-selected:focus {
 		color: $dark-gray-700;
 		background: $light-gray-300;
+
+		.block-editor-block-mover {
+			visibility: visible;
+		}
 	}
 
-	&:hover:not(:disabled):not([aria-disabled="true"]) {
+	&:hover {
 		@include menu-style__hover;
+
+		.block-editor-block-mover {
+			visibility: visible;
+		}
+	}
+
+	&:focus-within {
+		.block-editor-block-mover {
+			visibility: visible;
+		}
 	}
 
 	.block-editor-block-mover {
 		display: flex;
+		visibility: hidden;
 		min-height: auto;
 		margin-right: 5px;
 	}