Add override for block mover handle focused state

WordPress · Oct 27, 2022 · 8d2f12c · 8d2f12c
1 parent ea285a4
commit 8d2f12c
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -361,6 +361,11 @@
 	.components-visually-hidden {
 		height: auto;
 	}
+
+	// Override for theming on the block mover handle. `.block-editor-block-mover__drag-handle` was needed for specificity to override declaration order.
+	.components-accessible-toolbar &.block-editor-block-mover__drag-handle:focus::before {
+		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) $components-color-accent, inset 0 0 0 4px $white;
+	}
 }
 
 @keyframes components-button__busy-animation {