From 951e023dbd69d1eaa96c9c98bd1b325abdacb671 Mon Sep 17 00:00:00 2001 From: Vanita Barrett Date: Mon, 6 Dec 2021 16:00:46 +0000 Subject: [PATCH] Add to Changelog --- CHANGELOG.md | 39 +++++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 28329dfa582..d61e047d9a0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -144,6 +144,23 @@ If you're passing custom HTML into the cookie banner component (for example, usi This change was introduced in [pull request #2432: Remove default font styles from cookie banner Sass](https://github.com/alphagov/govuk-frontend/pull/2432). +#### Check your footer displays as expected + +We’ve made some fixes to the alignment of columns within the footer component, so they align with our grid. This involved changing the name and position of the `govuk-footer__list—-columns` classes. + +Replace any instances of `govuk-footer__list—-columns` classes with `govuk-footer__section—-columns`. If you're not using Nunjucks macros, you'll also need to move the classes from the `govuk-footer__list` element to the `govuk-footer__section` element. For example: + +``` +
+ +
+``` + +We have also removed the logic which assumes a two-section layout displays as two-thirds / one-third. Check your footer displays as expected and use the `column` and `span` macro options or classes where appropriate. + +This change was introduced in [pull request #2462: Fix footer alignment with grid classes and add `span` macro option](https://github.com/alphagov/govuk-frontend/pull/2462). + + ### Optional changes We've recently made some other changes to GOV.UK Frontend. While these are not breaking changes, implementing them will make your service work better. @@ -189,6 +206,28 @@ If you’re not using Nunjucks macros, add a new `data-nosnippet` attribute to t This was added in [pull request #2192: Add `data-nosnippet` to prevent cookie banner text appearing in Google Search snippets](https://github.com/alphagov/govuk-frontend/pull/2192). +### New Features + +#### Add footer sections which span multiple columns + +You can now have footer sections which span multiple columns, but do not contain multiple columns of list items. + +The number of columns within a footer section now affects its default width. For example, a footer list with one column with display as one-third width by default. You can override this using the new `span` macro option. + +This may also be helpful if you want to highlight a specific link in the footer, but you also want it to align with a section below that has multiple columns of list items. + +To do this, use the `span` macro option - set it to `2` for a two-thirds width section, or `3` for a full width section. + +If you're using the HTML component, apply the appropriate class to the `govuk-footer__section` element, for example: + +``` +
+ +
+``` + +This feature was introduced in [pull request #2462: Fix footer alignment with grid classes and add `span` macro option](https://github.com/alphagov/govuk-frontend/pull/2462) + ### Fixes We’ve made fixes to GOV.UK Frontend in the following pull requests: