_Add __nextHasNoMarginBottom to components

t-hamano · Oct 11, 2024 · 44c4a88 · 44c4a88
1 parent 57c2dcf
commit 44c4a88
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/editor.scss b/src/editor.scss
@@ -3,10 +3,7 @@
 
 .enable-responsive-image {
 
-	.components-base-control,
-	.components-base-control:last-child,
-	.components-base-control__field,
-	.components-base-control__help {
+	.components-base-control {
 		margin-bottom: 0;
 	}
 

diff --git a/src/source-editor.tsx b/src/source-editor.tsx
@@ -236,6 +236,7 @@ export default function SourceEditor( {
 				<>
 					<div className="enable-responsive-image__url">{ filterURLForDisplay( srcset, 35 ) }</div>
 					<ToggleGroupControl
+						__nextHasNoMarginBottom
 						isBlock
 						label={ __( 'Media query type', 'enable-responsive-image' ) }
 						onChange={ onChangeMediaType }
@@ -247,6 +248,7 @@ export default function SourceEditor( {
 						) ) }
 					</ToggleGroupControl>
 					<RangeControl
+						__nextHasNoMarginBottom
 						label={ __( 'Media query value', 'enable-responsive-image' ) }
 						value={ mediaValue || DEFAULT_MEDIA_VALUE }
 						onChange={ onChangeMediaValue }
@@ -257,6 +259,7 @@ export default function SourceEditor( {
 						__next40pxDefaultSize
 					/>
 					<SelectControl
+						__nextHasNoMarginBottom
 						label={ __( 'Resolution', 'enable-responsive-image' ) }
 						value={ srcsetSlug }
 						options={ imageSizeOptions }