diff --git a/CHANGELOG.md b/CHANGELOG.md index f4aaade7ce..c5bffcfccc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -69,6 +69,20 @@ Use the classes starting with `.govuk-!-static-margin` and `.govuk-!-static-padd This change was introduced in [pull request #3593: Remove deprecated static spacing classes](https://github.com/alphagov/govuk-frontend/pull/3593). +#### Remove the fallback GOV.UK crown logo from your HTML + +The header component previously included a fallback version of the GOV.UK crown logo for Internet Explorer 8. As Frontend no longer supports IE8, this fallback has been removed. + +If you're not using the Nunjucks macros, you'll need to remove this fallback from your HTML code. In your header component: + +1. Remove the block of HTML containing the `govuk-header__logotype-crown-fallback-image` image, starting with ``. +2. Remove `` and ` ` from around the `govuk-header__logotype-crown` SVG, but don't remove the SVG. +3. Delete the `govuk-logotype-crown.png` file from your assets folder. + +You don't need to change any HTML if you're using the supplied Nunjucks macros, but may still need to remove the `govuk-logotype-crown.png` image depending on [how you are serving the font and image assets](https://frontend.design-system.service.gov.uk/importing-css-assets-and-javascript/#font-and-image-assets). + +This change was introduced in [pull request #3641: Remove fallback GOV.UK logo for IE8](https://github.com/alphagov/govuk-frontend/pull/3641). + #### Remove deprecated `.govuk-header__link--service-name` class We've removed the `.govuk-header__link--service-name` class that we deprecated in [GOV.UK Frontend v4.2.0](https://github.com/alphagov/govuk-frontend/releases/tag/v4.2.0). diff --git a/packages/govuk-frontend/src/govuk/assets/images/govuk-logotype-crown.png b/packages/govuk-frontend/src/govuk/assets/images/govuk-logotype-crown.png deleted file mode 100644 index a6cdbfd47b..0000000000 Binary files a/packages/govuk-frontend/src/govuk/assets/images/govuk-logotype-crown.png and /dev/null differ diff --git a/packages/govuk-frontend/src/govuk/components/header/_index.scss b/packages/govuk-frontend/src/govuk/components/header/_index.scss index e4ecbe9f88..89e86e89ba 100644 --- a/packages/govuk-frontend/src/govuk/components/header/_index.scss +++ b/packages/govuk-frontend/src/govuk/components/header/_index.scss @@ -62,13 +62,6 @@ vertical-align: top; } - .govuk-header__logotype-crown-fallback-image { - width: 36px; - height: 32px; - border: 0; - vertical-align: bottom; - } - .govuk-header__product-name { @include govuk-font($size: 24, $line-height: 1); display: inline-table; diff --git a/packages/govuk-frontend/src/govuk/components/header/template.njk b/packages/govuk-frontend/src/govuk/components/header/template.njk index 2a11dec9b5..346a5708e5 100644 --- a/packages/govuk-frontend/src/govuk/components/header/template.njk +++ b/packages/govuk-frontend/src/govuk/components/header/template.njk @@ -1,12 +1,11 @@ {% set menuButtonText = params.menuButtonText if params.menuButtonText else 'Menu' %}