Skip to content

feat(filing): replace legacy progress nav with USWDS step indicator and move edits into accordions - #2809

Open
contolini wants to merge 1 commit into
masterfrom
5670-uswds-steps
Open

feat(filing): replace legacy progress nav with USWDS step indicator and move edits into accordions#2809
contolini wants to merge 1 commit into
masterfrom
5670-uswds-steps

Conversation

@contolini

@contolini contolini commented Jul 16, 2026

Copy link
Copy Markdown
Member

Replaces our legacy filing step indicator/nav with USWDS step indicator, moving the filing apps' edit tables inside USWDS accordions and updates/add various content to improve page hierarchy and clarity.

Closes #5741 and #5670.

Changes

  • Import USWDS styles of new components we're now using (step indicator, breadcrumb, accordion).
  • Recompiled the USWDS assets to include the new component CSS.
  • New USWDS step indicator on filing app pages.
  • USWDS step indicator overrides for both the filing app and the filing land page to accommodate our deviations (circle tweaks, line thickness, running step 5 text to the far right edge).
  • Add icons to the left of the text in all our notifications and remove logic that only added it to select filing app alerts.
  • Utility function to convert period text to human readable Quarter X, YYY format.
  • Breadcrumbs on all filing app pages.
  • Only show a second "You have edits and need to refile" warning if they have more than ten.
  • Moving all edits tables into USWDS accordions.
  • Tables with a lot of edits are automatically paginated with the pagination interface embedded inside the accordions below their respective tables. When pagination previous/next buttons are clicked, they dispatch REQUEST_EDIT/RECEIVE_EDIT actions which forces a remount of all the edit tables. This blows away the open/closed state of all the accordions and results in all of them closing which is problematic because a user was just staring at one and trying to paginate through it. The only solution I could come up with was internally storing the open/close state of each accordion and restoring them after remount. It's more code than I would like but I struggled to find a better solution.
  • Assorted hierarchy improvements.
  • Added a semi-bold typeface to use with our step indicator labels.
  • Assorted language updates.

Screenshots

institutions page before institutions page after
Screenshot 2026-07-21 at 12 22 22 PM Screenshot 2026-07-21 at 12 22 12 PM
filing app nav before filing app nav after
Screenshot 2026-07-21 at 12 19 48 PM Screenshot 2026-07-21 at 12 19 54 PM
edits tables before edits tables after
image image

@contolini
contolini force-pushed the 5670-uswds-steps branch 10 times, most recently from ec45f8c to 1bee74e Compare July 22, 2026 21:54
@contolini
contolini force-pushed the 5670-uswds-steps branch 3 times, most recently from f064e31 to 7cf9a01 Compare July 28, 2026 02:24
…nd move edits into accordions

- Replace legacy filing step indicator/nav with USWDS step indicator styles/components
- Render filing edit tables inside USWDS accordions with expand/collapse behavior
- Keep pagination behavior stable within accordion sections
- Update related filing/e2e/UI assets and styles to support new patterns
@contolini contolini changed the title WIP: filing app navigation step indicator MVP feat(filing): replace legacy progress nav with USWDS step indicator and move edits into accordions Aug 5, 2026
@contolini
contolini marked this pull request as ready for review August 5, 2026 19:54
@contolini

Copy link
Copy Markdown
Member Author

@billhimmelsbach I did my best to link to relevant diffs in my change descriptions and I'm happy to screenshare if you want me to go over anything.

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