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

Implement GOV.UK Frontend v5.0 on Get school experience and Manage school experience #3109

Merged
merged 20 commits into from
Apr 9, 2024

Conversation

ekumachidi
Copy link
Contributor

Trello card

https://trello.com/c/Z0TJAkll/

Context

GDS have announced that they have released a new version of GOV.‌UK Frontend v5.0.0 (breaking release)
We need to upgrade Get school experience / Manage school experience to GOV.UK Frontend v5.0.0

Changes proposed in this pull request

  • Upgrades from 4.8.x to 5.0

Guidance to review

@ekumachidi ekumachidi self-assigned this Mar 20, 2024
@github-actions github-actions bot added ruby Pull requests that update Ruby code Config Style labels Mar 20, 2024
@ekumachidi ekumachidi changed the title Ce gov uk front end upgrade Implement GOV.UK Frontend v5.0 on Get school experience and Manage school experience Mar 20, 2024
…hool experience

GDS have announced that they have released a new version of GOV.‌UK Frontend v5.0.0 (breaking release)
We need to upgrade Get school experience / Manage school experience to GOV.UK Frontend v5.0.0

This fix:
- Updates govuk-frontend package from v4.8.0 to v5.0.0
- Updates GovUK frontend assets paths
- Removes IE8 specific styles from `global-styles.scss`
Scenario: Word counting in placement objectives
Given I am on the 'Availability preference' page for my school of choice
Then the 'Enter your availability' word count should say 'You have 150 words remaining'
# @javascript
Copy link
Contributor

Choose a reason for hiding this comment

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

can these tests be fixed rather than commented out?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

They were commented out temporarily, but have been updated.
I removed the review request because it was still WIP ⚠️ 🚧

Copy link
Contributor

Choose a reason for hiding this comment

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

oops, my bad :-)

@MylesJarvis
Copy link
Contributor

MylesJarvis commented Mar 26, 2024

I'll add comments as and when I find something if that's ok. I believe the Service Name needs to be bolded (and a larger heading), as does the GOV.UK element:
image

Guidance on this from the design system: https://design-system.service.gov.uk/styles/page-template/

We should also capitalise the word 'beta'.

@MylesJarvis
Copy link
Contributor

On the candidate search page, for example this search URL, we're seeing some spillover on the filter option.

image

These should be aligned next to the check boxes, even with long text lengths, for example this in current implementation:

image

@MylesJarvis
Copy link
Contributor

MylesJarvis commented Mar 26, 2024

In the 'withdrawn requests' page, we have an issue with contrast on the 'unviewed' request. This won't pass accessibility requirements for contrast, so needs to be fixed. We also ned to ensure it mirrors the implementation where we have capitalised first letter, lower case rest for the tag.

Current prod:
image

vs Review app:

image

@MylesJarvis
Copy link
Contributor

MylesJarvis commented Mar 26, 2024

This appears to be an existing issue (or was perhaps introduced by other version bumps), but our tables are spilling over when there is a large amount of content and the user has a small screen. We'll need to make sure these are responsive to screen size. @gemmadallmandfe thoughts on whether we need to amend the accessibility statement with this in mind?

- from accordion sections
- from `div` elements that have the `govuk-accordion__section-content`
- Update tag colours in placement_dates_helper.rb
@github-actions github-actions bot added the Test label Apr 5, 2024
- Update tag color for cancelled bookings and unviewed requests
@MylesJarvis
Copy link
Contributor

@ekumachidi just pushed a small change around capitalisations on the labels, which I hadn't flagged previously. Everything else looks good to me so I'll give this a tick once it's deployed and I've given it a final once over.

Copy link

github-actions bot commented Apr 8, 2024

Copy link
Contributor

@MylesJarvis MylesJarvis left a comment

Choose a reason for hiding this comment

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

I've had a check through against the release notes LGTM 👍

Only final question is around removing the aria-labelledby in the accordion functionality. Can you let me know where you saw that @ekumachidi? It doesn't seem to have changed the code that is output, so just curious.

@ekumachidi
Copy link
Contributor Author

I've had a check through against the release notes LGTM 👍

Only final question is around removing the aria-labelledby in the accordion functionality. Can you let me know where you saw that @ekumachidi? It doesn't seem to have changed the code that is output, so just curious.

Thank you @MylesJarvis I got that from the release google sheets checklist

@MylesJarvis
Copy link
Contributor

Thanks @ekumachidi, I missed that one in the 5.1.0 release notes, apologies. All good to go 👍

@ekumachidi ekumachidi merged commit d247b01 into master Apr 9, 2024
15 checks passed
@ekumachidi ekumachidi deleted the ce-gov-uk-front-end-upgrade branch April 9, 2024 08:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Config Review ruby Pull requests that update Ruby code Style Test
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants