diff --git a/CHANGELOG.md b/CHANGELOG.md index fd1e9468a1..2e742f7e2c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,7 @@ - [#2228: Fix display of checkboxes in Internet Explorer 8](https://github.com/alphagov/govuk-frontend/pull/2228) - [#2229: Change approach to fallback PNG in the header to fix blank data URI from triggering Content Security Policy errors](https://github.com/alphagov/govuk-frontend/pull/2229) - [#2229: Fix alignment of fallback PNG in the header](https://github.com/alphagov/govuk-frontend/pull/2229) +- [#2237: Fix GOV.UK logo disappearing on light background in Windows High Contrast Mode](https://github.com/alphagov/govuk-frontend/pull/2237) ## 3.12.0 (Feature release) diff --git a/src/govuk/components/header/_index.scss b/src/govuk/components/header/_index.scss index c25dd1782b..1ecffe13bd 100644 --- a/src/govuk/components/header/_index.scss +++ b/src/govuk/components/header/_index.scss @@ -36,15 +36,19 @@ .govuk-header__logotype { display: inline-block; - // Add a gap between logo and any product name + // Add a gap after the logo in case it's followed by a product name. This + // gets removed later if the logotype is a :last-child. margin-right: govuk-spacing(1); - // Prevent readability backplate from obscuring underline in Windows - // High Contrast Mode - forced-color-adjust: none; + // Prevent readability backplate from obscuring underline in Windows High + // Contrast Mode + @media (forced-colors: active) { + forced-color-adjust: none; + color: linktext; + } - // But remove it if there's nothing after the logo to keep hover and focus - // states neat + // Remove the gap after the logo if there's no product name to keep hover + // and focus states neat &:last-child { margin-right: 0; }