Update the color of the selection button in exploded mode

WordPress · Apr 20, 2022 · ba1f023 · ba1f023
1 parent 666d460
commit ba1f023
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/block-tools/block-selection-button.js b/packages/block-editor/src/components/block-tools/block-selection-button.js
@@ -236,6 +236,7 @@ function BlockSelectionButton( { clientId, rootClientId } ) {
 		'block-editor-block-list__block-selection-button',
 		{
 			'is-block-moving-mode': !! blockMovingMode,
+			'is-exploded-mode': editorMode === 'exploded',
 		}
 	);
 

diff --git a/packages/block-editor/src/components/block-tools/style.scss b/packages/block-editor/src/components/block-tools/style.scss
@@ -133,6 +133,10 @@
 	font-size: $default-font-size;
 	height: $block-toolbar-height;
 
+	&.is-exploded-mode {
+		background: var(--wp-admin-theme-color);
+	}
+
 	.block-editor-block-list__block-selection-button__content {
 		margin: auto;
 		display: inline-flex;