Make buttons use the 32 pixels compat size.

WordPress · Feb 1, 2024 · 79c124e · 79c124e
1 parent a218747
commit 79c124e
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/link-control/README.md b/packages/block-editor/src/components/link-control/README.md
@@ -281,6 +281,7 @@ If passed, children are rendered after the input.
 			label={ __( 'Submit' ) }
 			icon={ keyboardReturn }
 			className="block-editor-link-control__search-submit"
+			size="compact"
 		/>
 	</HStack>
 </LinkControlSearchInput>

diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js
@@ -404,6 +404,7 @@ function LinkControl( {
 									icon={ keyboardReturn }
 									className="block-editor-link-control__search-submit"
 									aria-disabled={ isDisabled }
+									size="compact"
 								/>
 							</div>
 						) }

diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss
@@ -82,8 +82,8 @@ $block-editor-link-control-number-of-actions: 1;
 
 .block-editor-link-control__search-enter {
 	position: absolute;
-	right: 19px; // specific to place the button properly.
-	top: 3px;
+	right: 21px; // specific to place the button properly.
+	top: 5px;
 
 	svg {
 		position: relative;

diff --git a/packages/block-editor/src/components/url-popover/index.js b/packages/block-editor/src/components/url-popover/index.js
@@ -83,6 +83,7 @@ function URLPopover( {
 							label={ __( 'Link settings' ) }
 							onClick={ toggleSettingsVisibility }
 							aria-expanded={ isSettingsExpanded }
+							size="compact"
 						/>
 					) }
 				</div>

diff --git a/packages/block-editor/src/components/url-popover/link-editor.js b/packages/block-editor/src/components/url-popover/link-editor.js
@@ -40,6 +40,7 @@ export default function LinkEditor( {
 				icon={ keyboardReturn }
 				label={ __( 'Apply' ) }
 				type="submit"
+				size="compact"
 			/>
 		</form>
 	);