From b690f1527b580e09245e899eac3bd9297d5ef6de Mon Sep 17 00:00:00 2001 From: MaggieCabrera Date: Thu, 4 Jul 2024 12:13:17 +0200 Subject: [PATCH] added classes to avoid using component selectors --- .../block-editor/src/components/block-toolbar/shuffle.js | 1 + .../block-editor/src/components/block-tools/style.scss | 8 +++++--- .../src/components/block-tools/zoom-out-toolbar.js | 3 ++- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/packages/block-editor/src/components/block-toolbar/shuffle.js b/packages/block-editor/src/components/block-toolbar/shuffle.js index e7e40619f6a499..be30d868551d5b 100644 --- a/packages/block-editor/src/components/block-toolbar/shuffle.js +++ b/packages/block-editor/src/components/block-toolbar/shuffle.js @@ -85,6 +85,7 @@ export default function Shuffle( { clientId, as = Container } ) { { const nextPattern = getNextPattern(); nextPattern.blocks[ 0 ].attributes = { diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss index ce38f806a618bd..20c0ab4104204b 100644 --- a/packages/block-editor/src/components/block-tools/style.scss +++ b/packages/block-editor/src/components/block-tools/style.scss @@ -273,12 +273,14 @@ .zoom-out-toolbar { - .components-button:focus::before { + .block-editor-block-mover-button.block-editor-block-mover-button:focus-visible::before, + .zoom-out-toolbar-button:focus::before, + .block-editor-block-toolbar-shuffle:focus::before, + .block-selection-button_drag-handle:focus::before { box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } - .components-toolbar, - .components-toolbar-group { + .block-editor-block-mover { background: none; border: none; } diff --git a/packages/block-editor/src/components/block-tools/zoom-out-toolbar.js b/packages/block-editor/src/components/block-tools/zoom-out-toolbar.js index 692c4a027e16ff..7d9ca9d1ecefbd 100644 --- a/packages/block-editor/src/components/block-tools/zoom-out-toolbar.js +++ b/packages/block-editor/src/components/block-tools/zoom-out-toolbar.js @@ -99,7 +99,7 @@ export default function ZoomOutToolbar( { clientId, rootClientId } ) { { ( draggableProps ) => (