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

Font changes ahead of apps being made compatible with govuk-frontend v5 #3981

Merged
merged 6 commits into from
Apr 22, 2024

Conversation

matthillco
Copy link
Contributor

@matthillco matthillco commented Apr 12, 2024

What

Font size changes for upcoming govuk-frontend changes in v5 upgrade.
https://trello.com/c/o9rgYI3C/21-implement-font-changes

Why

Test out the font size changes ahead of the release.

Visual Changes

  • Govspeak table font size changed from 1em to 19px
  • Removed redundant mobile font size from step-by-step nav
  • Removed inherited font sizes from subscription links and replaced with font-size mixin
  • Organisation logos now use 19px text and proportionate images across all viewports

14px fonts have been changed to 16px in these elements:

  • Button print styles
  • Numeric data in financial data tables in govspeak-html-publication
  • H2 Accessibility warning inside attachment in govspeak
  • Layout header component tag
  • Option select component counter element
  • Govspeak attachment component metadata, H2 accesibility warning, opendocument help
  • Govspeak fraction sub/sup
  • Govspeak images figcaption

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 12, 2024 09:59 Inactive
@andysellick
Copy link
Contributor

@matthillco just glanced through the Percy visual diff and this all looks fine to me - I don't think there should be any blockers to getting this deployed.

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 12, 2024 11:27 Inactive
@andysellick
Copy link
Contributor

@matthillco organisation logo changes also look good to me - actually much improved on mobile, far more readable. Is there anything else to add to this PR or is it ready for review?

@matthillco
Copy link
Contributor Author

@matthillco organisation logo changes also look good to me - actually much improved on mobile, far more readable. Is there anything else to add to this PR or is it ready for review?

I'm prepping another update to logos for Rebecca to review in the spike branch, once she's approved that, I can copy those changes to this branch.

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 19, 2024 15:34 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 22, 2024 08:39 Inactive
@matthillco matthillco marked this pull request as ready for review April 22, 2024 08:41
@matthillco matthillco requested a review from andysellick April 22, 2024 08:41
Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

Changes look good. Well done - also the new org logos look nice and crisp 👍

One small comment below. Also can you add a changelog entry?

@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 22, 2024 09:51 Inactive
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 22, 2024 10:19 Inactive
@matthillco matthillco changed the title Font changes ahead of govuk-frontend v5 Font changes ahead of apps being made compatible with govuk-frontend v5 Apr 22, 2024
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 22, 2024 10:27 Inactive
matthillco and others added 5 commits April 22, 2024 12:03
The original treatment for logos used multiple sizes and screen density media queries to send low/high resolution images depending on the screen density. By increasing the size of the logos, the low resolution images are now too small so support for those has been dropped and we now use only the larger sizes. These larger images are scaled down by the browser and so will look sharper enough on low density screens.

The mixin for the crest was also changed to allow the passing of different offsets, as some logos now need small adjustments to optically match the alignment with the text.
CHANGELOG.md Outdated Show resolved Hide resolved
@govuk-ci govuk-ci temporarily deployed to components-gem-pr-3981 April 22, 2024 13:29 Inactive
Copy link
Contributor

@andysellick andysellick left a comment

Choose a reason for hiding this comment

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

Brilliant work, well done 👏

@matthillco matthillco merged commit f84c891 into main Apr 22, 2024
13 checks passed
@matthillco matthillco deleted the font-changes branch April 22, 2024 13:33
@matthillco matthillco mentioned this pull request Apr 22, 2024
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