Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for footer sections that span multiple columns #2446

Closed
wants to merge 5 commits into from

Conversation

vanitabarrett
Copy link
Contributor

@vanitabarrett vanitabarrett commented Nov 29, 2021

Partly fixes #1726

Note: this PR is based off the changes made in #2428

Allow having a footer section that spans multiple columns but does not have multiple columns of list items. Useful if you have multiple rows of sections and want to align a section with only a few items with a section with many items (for instance the current GOV.UK footer layout).

Screenshot 2021-12-02 at 11 22 06

Screenshot 2021-12-02 at 11 21 19

Browsers to test in:

  • Internet Explorer 8
  • Internet Explorer 9
  • Internet Explorer 10
  • Internet Explorer 11
  • Chrome on macOS
  • Safari on macOS
  • Chrome on Windows
  • Firefox on macOS
  • Edge on Windows
  • Firefox on Windows
  • Safari on iOS
  • Chrome on iOS
  • Chrome on Android
  • Samsung Internet on Android

https://govuk-frontend-pr-2446.herokuapp.com/full-page-examples/campaign-page
https://govuk-frontend-pr-2446.herokuapp.com/components/footer/Full-GDS-example/preview

@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 November 29, 2021 13:15 Inactive
@vanitabarrett vanitabarrett changed the base branch from main to ldeb-spike-footer-flexbox November 29, 2021 13:15
@vanitabarrett vanitabarrett force-pushed the ldeb-spike-footer-flexbox branch from 5eb9bd5 to 79a21c3 Compare November 29, 2021 13:15
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 November 29, 2021 13:34 Inactive
@vanitabarrett vanitabarrett force-pushed the ldeb-spike-footer-flexbox branch 4 times, most recently from d4b82f7 to 642be02 Compare November 29, 2021 14:32
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 1, 2021 16:47 Inactive
lfdebrux and others added 3 commits December 1, 2021 16:48
Allow having a footer section that spans multiple columns but does not
have multiple columns of list items. Useful if you have multiple rows of
sections and want to align a section with only a few items with a
section with many items (for instance the current GOV.UK footer layout).
This commit takes the example screenshot from this issue
#1726 - where it's reported
that it's not possible to build the layout given the alignment issues - and
adds a version of the footer to the full page example campaign page in the review
app so we have an example of this layout to test against.
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 1, 2021 16:49 Inactive
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 1, 2021 16:55 Inactive
When the footer example has 'GOV.UK' in the name, it gets
flagged by Chrome as a possible spam/phishing site which
means you can't open that example in a new window.

This commit works around that issue by renaming the example -
it seems to be the word "GOV.UK" which triggers it
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 1, 2021 17:00 Inactive
@vanitabarrett vanitabarrett marked this pull request as ready for review December 2, 2021 11:23
@vanitabarrett vanitabarrett linked an issue Dec 2, 2021 that may be closed by this pull request
1 task
@vanitabarrett vanitabarrett changed the title Add support for the GOV.UK footer layout Add support for footer sections that span multiple columns Dec 2, 2021
vanitabarrett pushed a commit that referenced this pull request Dec 2, 2021
Add Changelog entries for #2446
and #2428
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 2, 2021 14:03 Inactive
vanitabarrett pushed a commit that referenced this pull request Dec 2, 2021
Add Changelog entries for #2446
and #2428
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 2, 2021 14:04 Inactive
vanitabarrett pushed a commit that referenced this pull request Dec 2, 2021
Add Changelog entries for #2446
and #2428
@govuk-design-system-ci govuk-design-system-ci temporarily deployed to govuk-frontend-pr-2446 December 2, 2021 14:05 Inactive
@vanitabarrett vanitabarrett requested review from EoinShaughnessy and a team December 2, 2021 14:06
Copy link
Contributor

@EoinShaughnessy EoinShaughnessy left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changelog update looks awesome!

Add Changelog entries for #2446
and #2428
@vanitabarrett
Copy link
Contributor Author

Superseded by #2462

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve the layout options for the footer component.
4 participants