diff --git a/CHANGELOG.md b/CHANGELOG.md index 592fb740..8f488c94 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ - [#240: Update menu html structure so it's one single hierarchical list](https://github.com/alphagov/tech-docs-gem/pull/240) - [#244: Don't change the focus of the page on initial load](https://github.com/alphagov/tech-docs-gem/pull/244) - [#243: Fix focus state for links containing inline code](https://github.com/alphagov/tech-docs-gem/pull/243) +- [#245: Fix focus state for search results ‘Close’ button](https://github.com/alphagov/tech-docs-gem/pull/245) ## 2.3.0 diff --git a/lib/assets/stylesheets/modules/_search.scss b/lib/assets/stylesheets/modules/_search.scss index f8b094df..c06b5c1d 100644 --- a/lib/assets/stylesheets/modules/_search.scss +++ b/lib/assets/stylesheets/modules/_search.scss @@ -130,16 +130,7 @@ html.has-search-results-open { cursor: pointer; &:focus { - background-color: $govuk-focus-colour; - outline: $govuk-focus-width solid transparent; - box-shadow: inset 0 0 0 1px $govuk-focus-colour; - } - - &:focus:not(:active):not(:hover) { - border-color: $govuk-focus-colour; - color: $govuk-focus-text-colour; - background-color: $govuk-focus-colour; - box-shadow: 0 2px 0 $govuk-focus-text-colour; + @include govuk-focused-text; } &::after {