Design changes

karthick-murugan · Dec 13, 2024 · f4851be · f4851be
1 parent f078128
commit f4851be
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/packages/block-library/src/latest-posts/edit.js b/packages/block-library/src/latest-posts/edit.js
@@ -252,6 +252,11 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayPostContent: value } )
 						}
+						className={
+							displayPostContent
+								? 'latest-posts-toggle-control-margin-bottom'
+								: ''
+						}
 					/>
 					{ displayPostContent && (
 						<RadioControl
@@ -311,8 +316,8 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayAuthor: value } )
 						}
+						className="latest-posts-toggle-control-margin-bottom"
 					/>
-					<div className="components-base-control__field"></div>
 					<ToggleControl
 						__nextHasNoMarginBottom
 						label={ __( 'Display post date' ) }
@@ -351,6 +356,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 						onChange={ ( value ) =>
 							setAttributes( { displayFeaturedImage: value } )
 						}
+						className="latest-posts-toggle-control-margin-bottom"
 					/>
 					{ displayFeaturedImage && (
 						<>
@@ -421,6 +427,7 @@ export default function LatestPostsEdit( { attributes, setAttributes } ) {
 										addLinkToFeaturedImage: value,
 									} )
 								}
+								className="latest-posts-toggle-control-margin-top"
 							/>
 						</>
 					) }

diff --git a/packages/block-library/src/latest-posts/editor.scss b/packages/block-library/src/latest-posts/editor.scss
@@ -18,3 +18,11 @@
 		padding-left: 0;
 	}
 }
+
+.latest-posts-toggle-control-margin-bottom {
+	margin-bottom: 15px !important;
+}
+
+.latest-posts-toggle-control-margin-top {
+	margin-top: 15px !important;
+}