diff --git a/CHANGELOG.md b/CHANGELOG.md index 8a29aac1ac..0a6ba2970b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -10,6 +10,7 @@ ## Unreleased * Add custom margin support for print link ([PR #1753](https://github.com/alphagov/govuk_publishing_components/pull/1753)) +* Fix orange outline on global site search ([PR #1752](https://github.com/alphagov/govuk_publishing_components/pull/1752)) ## 23.0.0 diff --git a/app/assets/stylesheets/govuk_publishing_components/components/_search.scss b/app/assets/stylesheets/govuk_publishing_components/components/_search.scss index 830cc1edbf..6f8d9fec9a 100644 --- a/app/assets/stylesheets/govuk_publishing_components/components/_search.scss +++ b/app/assets/stylesheets/govuk_publishing_components/components/_search.scss @@ -36,7 +36,6 @@ $large-input-size: 50px; .gem-c-search__input[type="search"] { // overly specific to prevent some overrides from outside @include govuk-font($size: 19, $line-height: (28 / 19)); - padding: 6px; margin: 0; width: 100%; @@ -71,6 +70,13 @@ $large-input-size: 50px; } } +@include govuk-compatibility(govuk_template) { + // ultra specific rule overrides focus styling from govuk_template + #global-header .gem-c-search__input[type="search"]:focus { // stylelint-disable selector-max-id + @extend .gem-c-search__input[type="search"]:focus; // stylelint-disable scss/at-extend-no-missing-placeholder + } +} + .gem-c-search__submit { border: 0; cursor: pointer;