Edit Widgets: Fix invisible action area when the top toolbar is enabl…

…ed (#54329)
WordPress · Sep 11, 2023 · c10b0f6 · c10b0f6
1 parent fee1467
commit c10b0f6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js b/packages/block-editor/src/components/block-tools/block-contextual-toolbar.js
@@ -112,9 +112,9 @@ function BlockContextualToolbar( { focusOnMount, isFixed, ...props } ) {
 			return;
 		}
 
-		// get the width of the pinned items in the post editor
+		// get the width of the pinned items in the post editor or widget editor
 		const pinnedItems = document.querySelector(
-			'.edit-post-header__settings'
+			'.edit-post-header__settings, .edit-widgets-header__actions'
 		);
 
 		// get the width of the left header in the site editor

diff --git a/packages/edit-widgets/src/components/header/style.scss b/packages/edit-widgets/src/components/header/style.scss
@@ -3,7 +3,6 @@
 	align-items: center;
 	justify-content: space-between;
 	height: $header-height;
-	padding: 0 $grid-unit-20;
 	overflow: auto;
 	background: #fff;
 
@@ -16,6 +15,7 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
+	padding-left: $grid-unit-20;
 }
 
 .edit-widgets-header__title {
@@ -27,7 +27,7 @@
 .edit-widgets-header__actions {
 	display: flex;
 	align-items: center;
-
+	padding-right: $grid-unit-20;
 	gap: $grid-unit-05;
 
 	@include break-small() {