Add margin override to Latest Posts block to adjust for QueryControls…

… spacing
WordPress · Feb 28, 2023 · 6fe783f · 6fe783f
1 parent 57187b7
commit 6fe783f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-inspector/style.scss b/packages/block-editor/src/components/block-inspector/style.scss
@@ -24,6 +24,11 @@
 		margin-bottom: 0;
 	}
 
+	// Adjust margin-bottom from being applied to the `BaseControl`
+	.wp-block-latest-posts__sorting-filtering .components-base-control {
+		margin-bottom: $grid-unit-10;
+	}
+
 	.components-panel__body {
 		border: none;
 		border-top: $border-width solid $gray-200;

diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
@@ -327,7 +327,10 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 				) }
 			</PanelBody>
 
-			<PanelBody title={ __( 'Sorting and filtering' ) }>
+			<PanelBody
+				className="wp-block-latest-posts__sorting-filtering"
+				title={ __( 'Sorting and filtering' ) }
+			>
 				<QueryControls
 					{ ...{ order, orderBy } }
 					numberOfItems={ postsToShow }