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

[DO NOT MERGE] Rebuild DGU's frontend #1123

Draft
wants to merge 7 commits into
base: main
Choose a base branch
from
Draft

Conversation

andysellick
Copy link

@andysellick andysellick commented Nov 30, 2022

This PR is a work in progress

What

Rework the frontend of DGU to include more use of existing styles and components from govuk-frontend and govuk_publishing_components. Currently in progress, still to do:

Why

This has been partly prompted by upcoming changes to govuk-frontend. The new version (4.4.0) deprecates some features relating to compatibility with older codebases, particularly GOV.UK Elements (which DGU still uses).

Although DGU will work with 4.4.0 these features will be removed entirely in version 5.0.0, at which point DGU can no longer receive updates from govuk_publishing_components (which is how govuk-frontend is consumed) as the Sass will no longer compile.

Visual changes

Homepage is broadly the same, although a lack of responsiveness on mobile is addressed (although this could be improved). Now uses the header and footer components from govuk_publishing_components (although the omission of the crown logo in the current DGU heading may be deliberate and need further investigation).

Before After
Screenshot 2022-11-30 at 11 22 22 Screenshot 2022-11-30 at 11 22 28

Accessibility page (as an example of miscellaneous pages linked to from the footer). Uses more consistent govuk-frontend styling.

Before After
Screenshot 2022-11-30 at 11 24 54 Screenshot 2022-11-30 at 11 25 02

Cookies page.

Before After
Screenshot 2022-11-30 at 11 26 36 Screenshot 2022-11-30 at 11 26 48

Trello card: https://trello.com/c/kL8Aq73n/327-upgrade-dgus-frontend

- should make the govuk_publishing_components guide available at /component-guide
- remove reliance on GOV.UK Elements
- set legacy palette to false as deprecated in latest govuk-frontend
- temporarily remove overrides and DGU component styles
- update application layout to use govuk-frontend markup structure
- use govuk_publishing_components components for header, footer and breadcrumbs
- use govuk-frontend styles and components for the pages linked in the footer, including about, accessibility, cookies, privacy, terms and support
- update cookie page JS in line with current govuk_publishing_components JS modules
- add basic mobile responsiveness
- use govuk-frontend styles and components
- still in progress, commenting out some lines that currently cause the Sass compilation to error
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.

1 participant