Reduce custom styles

WordPress · Jul 25, 2024 · 90da57a · 90da57a
1 parent 2c940ec
commit 90da57a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/packages/block-editor/src/hooks/block-bindings.js b/packages/block-editor/src/hooks/block-bindings.js
@@ -295,9 +295,8 @@ export const BlockBindingsPanel = ( { name, metadata } ) => {
 				} }
 				dropdownMenuProps={ dropdownMenuProps }
 				className="block-editor-bindings__panel"
-				hasInnerWrapper
 			>
-				<ItemGroup isBordered isSeparated style={ { rowGap: 0 } }>
+				<ItemGroup isBordered isSeparated>
 					{ readOnly ? (
 						<ReadOnlyBlockBindingsPanelItems
 							bindings={ filteredBindings }

diff --git a/packages/block-editor/src/hooks/block-bindings.scss b/packages/block-editor/src/hooks/block-bindings.scss
@@ -1,19 +1,12 @@
-.block-editor-bindings__panel {
-	// Use all columns in list items.
-	[role="listitem"] {
-		grid-column: 1/-1;
-	}
-	.block-editor-bindings__helper {
-		margin: 0;
-		font-size: $helptext-font-size;
-		grid-column: 1/-1;
-	}
+div.block-editor-bindings__panel {
+	grid-template-columns: auto;
 	button:hover .block-editor-bindings__item-explanation {
 		color: inherit;
 	}
 }
 
 .block-editor-bindings__popover {
+	// This won't be needed if `DropdownMenuGroup` component handles the label.
 	.block-editor-bindings__source-label {
 		grid-column: 2;
 		margin: $grid-unit-10 0;