diff --git a/packages/block-editor/src/components/link-control/README.md b/packages/block-editor/src/components/link-control/README.md index 8fc8b65439807..5c31c4c14371c 100644 --- a/packages/block-editor/src/components/link-control/README.md +++ b/packages/block-editor/src/components/link-control/README.md @@ -281,7 +281,6 @@ If passed, children are rendered after the input. label={ __( 'Submit' ) } icon={ keyboardReturn } className="block-editor-link-control__search-submit" - size="compact" /> diff --git a/packages/block-editor/src/components/link-control/index.js b/packages/block-editor/src/components/link-control/index.js index 7fefda7a6bded..a0df6041bb31a 100644 --- a/packages/block-editor/src/components/link-control/index.js +++ b/packages/block-editor/src/components/link-control/index.js @@ -404,7 +404,6 @@ function LinkControl( { icon={ keyboardReturn } className="block-editor-link-control__search-submit" aria-disabled={ isDisabled } - size="compact" /> ) } diff --git a/packages/block-editor/src/components/link-control/style.scss b/packages/block-editor/src/components/link-control/style.scss index 8479ae1bb19eb..96820aee356d3 100644 --- a/packages/block-editor/src/components/link-control/style.scss +++ b/packages/block-editor/src/components/link-control/style.scss @@ -66,7 +66,7 @@ $block-editor-link-control-number-of-actions: 1; border-radius: $radius-block-ui; height: $button-size-next-default-40px; // components do not properly support unstable-large yet. margin: 0; - padding: $grid-unit-10 $button-size-next-default-40px $grid-unit-10 $grid-unit-15; + padding: $grid-unit-10 $button-size-next-default-40px $grid-unit-10 $grid-unit-20; position: relative; width: 100%; @@ -82,8 +82,8 @@ $block-editor-link-control-number-of-actions: 1; .block-editor-link-control__search-enter { position: absolute; - right: 21px; // specific to place the button properly. - top: 5px; + right: 19px; // specific to place the button properly. + top: 3px; svg { position: relative; diff --git a/packages/block-editor/src/components/url-input/style.scss b/packages/block-editor/src/components/url-input/style.scss index 20e304ddd71b2..f8d84ae43b808 100644 --- a/packages/block-editor/src/components/url-input/style.scss +++ b/packages/block-editor/src/components/url-input/style.scss @@ -1,4 +1,5 @@ // Link input +$input-padding: $grid-unit $grid-unit $grid-unit $grid-unit-15; $input-size: 300px; .block-editor-block-list__block .block-editor-url-input, @@ -13,10 +14,9 @@ $input-size: 300px; @include break-small() { width: $input-size; } - padding: $grid-unit-10; - padding-left: $grid-unit-15; - margin: 0; - height: $button-size-next-default-40px; // components do not properly support unstable-large yet. + padding: $input-padding; + margin-left: 0; + margin-right: 0; /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: $mobile-text-min-font-size; diff --git a/packages/block-editor/src/components/url-popover/style.scss b/packages/block-editor/src/components/url-popover/style.scss index ed286024983b3..df4e10fe13d53 100644 --- a/packages/block-editor/src/components/url-popover/style.scss +++ b/packages/block-editor/src/components/url-popover/style.scss @@ -4,13 +4,11 @@ } .block-editor-url-popover__input-container { - padding: $grid-unit-20; - padding-right: $grid-unit-10; + padding: $grid-unit-10; } .block-editor-url-popover__row { display: flex; - align-items: center; gap: $grid-unit-05; } @@ -43,6 +41,7 @@ .block-editor-url-popover__settings { display: block; padding: $grid-unit-20; + border-top: $border-width solid $gray-900; } .block-editor-url-popover__link-editor, diff --git a/packages/format-library/src/link/style.scss b/packages/format-library/src/link/style.scss index 05eb576fe26e2..05f8f5a40668e 100644 --- a/packages/format-library/src/link/style.scss +++ b/packages/format-library/src/link/style.scss @@ -1,6 +1,5 @@ .block-editor-format-toolbar__link-container-content { display: flex; - align-items: center; } .block-editor-format-toolbar__link-container-value {