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

Fix get-involved styles #2264

Merged
merged 6 commits into from
Nov 2, 2021
Merged

Fix get-involved styles #2264

merged 6 commits into from
Nov 2, 2021

Conversation

alex-ju
Copy link
Contributor

@alex-ju alex-ju commented Nov 2, 2021

BeforeAfter

www gov uk_government_get-involved

localhost_3090_government_get-involved

⚠️ This repo is Continuously Deployed: make sure you follow the guidance ⚠️

When porting this page from whitehall (which still uses leaking styles from the legacy govuk-frontend-toolkit) we missed explicitly adding the `govuk-link` in a few instances.
We have pre-defined styles for hr elements in govuk-frontend, so we drop custom styles in favour of existing ones.
A `content_tag` helper was defined on L45, closing with and `end` on L48, hence this </li> is redundant.
When defining the main page header we use the title component by convention. This renders an H1 element with the associated styles. We also remove the elements that wrap this component as none of classes used are defined anywhere in this application (`block`, `headings-block`, `inner-block` or `floated-children`) – presumably remnants from when moved from whitehall.
There are two main headings and associated sections on this page `engage-with-government` and `take-part`, both linked to from the lead paragraph. The `take-part` section was given the wrong id, presumably by copying the previous section, so we correct this. Because of the broken layout of the page (a set of floating elements) these sections need a clear property, otherwise the in-page link won't work.
Because of the broken layout of the page (a set of floating elements) the `govuk-section-break` `<hr>` elements are not showing up without clearing the floating element that precede them.
@govuk-ci govuk-ci temporarily deployed to government-f-fix-get-in-c79lds November 2, 2021 14:27 Inactive
Copy link
Contributor

@ChrisBAshton ChrisBAshton left a comment

Choose a reason for hiding this comment

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

Thanks for the clear commits and screenshots, Alex ⭐

@alex-ju alex-ju merged commit aa10264 into main Nov 2, 2021
@alex-ju alex-ju deleted the fix-get-involved-styles branch November 2, 2021 14:45
@alex-ju alex-ju changed the title Fix get involved styles Fix get-involved styles Nov 2, 2021
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.

4 participants