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

Create new file names to implement changes #7862

Open
wants to merge 26 commits into
base: master
Choose a base branch
from

Conversation

Katy600
Copy link
Contributor

@Katy600 Katy600 commented Dec 10, 2024

What

This ticket focuses on updating the CCCD case worker summary page only (other summary pages on the provider side are still waiting for designed) and implementing the gov design summary cards to display the claim information in a more readable way.

  • While doing this ticket I realised that some of the Caseworker summary page shares some files that display on the summary page with the external users summary page - both in the shared folder as well as in the external folder. This means I was unable to make the changes in isolation. I therefore temporarily duplicated these files to update the caseworker summary page with the new format only. There is a ticket that aims to consolidate these designs - so hopefully that will undo some of the strange file structure and duplication that I have introduced

Summary cards

Ticket

CCCD - Implement Summary Page accessibility improvements (caseworker) wrap in summary cards.

Why

The CCCD summary page displays essential information but suffers from poor usability. To improve user experience and accessibility, we will implement a new design pattern developed from other projects.

Additional thoughts

  • I followed the design in Figma very closely and sometimes it didn't always match up with the ticket description. I did get rid of the sortable arrows in the travel table - but I think I need to go and check this with Kristina.
  • There were no designs for when there was nothing to display in a section- so if feels like it doesn't match the rest of the design.

@Katy600 Katy600 force-pushed the CTSKF-993--Implement-Summary-Page-accessibility-improvements--attempt-2 branch 4 times, most recently from 6f86402 to 3824dfe Compare December 18, 2024 11:39
@Katy600 Katy600 force-pushed the CTSKF-993--Implement-Summary-Page-accessibility-improvements--attempt-2 branch 3 times, most recently from 78afaec to 96d93e7 Compare January 15, 2025 12:24
Update translate files to align with new files
This commit also formats the certification in a new summary card.
and amend translate file;
Fix accessibility issue;
Amend new evidence list partial;
Amend defendant details translate files;
Fix claim details maat and date issue;
Amend defendant details to display maat details;
Put date on separate rows;
Number each defendant;
Update translation files;
Update translations in Offence detail;
Fix accessibility errors
@Katy600 Katy600 force-pushed the CTSKF-993--Implement-Summary-Page-accessibility-improvements--attempt-2 branch from 96d93e7 to 25bd3a4 Compare January 16, 2025 12:51
@Katy600 Katy600 force-pushed the CTSKF-993--Implement-Summary-Page-accessibility-improvements--attempt-2 branch from 25bd3a4 to d42e424 Compare January 16, 2025 13:33
@Katy600 Katy600 marked this pull request as ready for review January 16, 2025 14:45
@Katy600 Katy600 requested review from a team as code owners January 16, 2025 14:45
Copy link
Contributor

@mpw5 mpw5 left a comment

Choose a reason for hiding this comment

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

Some initial thoughts.

%p.govuk-body
= t('.no_defendant')

- unless claim.fixed_fee_case?
Copy link
Contributor

Choose a reason for hiding this comment

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

We have this conditional here, but we also have the same check at the top of shared/offence_details/_new_summary. Could one of them be removed?

@@ -501,3 +500,94 @@ form {
.error {
color: $govuk-error-colour;
}

.no-bullets-item {
Copy link
Contributor

Choose a reason for hiding this comment

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

There's quite a lot of custom CSS being added here. If it's all necessary, is it possible to break it down into individual files for each component rather than adding it all to this file? For example we already have a file app/webpack/stylesheets/components/_table.scss which you could add the table styling to, and app/webpack/stylesheets/components/_card.scss which you could add the summary card styling to.

The other styling might fit into other similar files, or you could create new ones if needed.

Comment on lines +10 to +12



Copy link
Contributor

Choose a reason for hiding this comment

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

Nitpicky, but could these blank lines be deleted? I've noticed similar blank lines at the end of a few other files, it might be better if they could all be tidied up a bit (sorry!)

.govuk-summary-card__title-wrapper
%h2.govuk-summary-card__title= t('.existing_evidence')
.govuk-summary-card__content
%dl.govuk-summary-list
Copy link
Contributor

Choose a reason for hiding this comment

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

There are some summary_list helper methods in lib/govuk_component/summary_list_helpers.rb which might make this section a bit cleaner. There's an example of how to use it here: app/views/external_users/claims/case_details/_summary.html.haml.

Edit: actually, I can see that there are lots of places in other files here where that helper could potentially be used. Possibly it's too big a change for this PR at this point...

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.

2 participants