Duotone Control: Adjust padding and clean up styles in dropdown compo…

…nents
yogeshbhutkar · Jan 14, 2025 · ddef175 · ddef175
1 parent da59474
commit ddef175
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 10 deletions.
diff --git a/packages/block-editor/src/components/duotone-control/style.scss b/packages/block-editor/src/components/duotone-control/style.scss
@@ -8,9 +8,9 @@ $popover-padding: $grid-unit-20;
 
 $swatch-columns: math.floor(math.div($popover-width + $swatch-gap - 2 * $popover-padding, $swatch-size + $swatch-gap));
 
-.block-editor-duotone-control__popover {
+.block-editor-duotone-control__popover.components-dropdown__content {
 	> .components-popover__content {
-		padding: $popover-padding;
+		padding: $grid-unit-10;
 		width: $popover-width;
 	}
 

diff --git a/packages/block-editor/src/components/global-styles/filters-panel.js b/packages/block-editor/src/components/global-styles/filters-panel.js
@@ -201,10 +201,7 @@ export default function FiltersPanel( {
 							);
 						} }
 						renderContent={ () => (
-							<DropdownContentWrapper
-								paddingSize="small"
-								className="components-dropdown-content-wrapper__duotone-content"
-							>
+							<DropdownContentWrapper paddingSize="small">
 								<MenuGroup label={ __( 'Duotone' ) }>
 									<p>
 										{ __(

diff --git a/packages/components/src/dropdown/style.scss b/packages/components/src/dropdown/style.scss
@@ -6,10 +6,6 @@
 	.components-popover__content {
 		padding: $grid-unit-10;
 
-		.components-dropdown-content-wrapper__duotone-content {
-			margin: 0;
-		}
-
 		&:has(.components-menu-group) {
 			padding: 0;