Skip to content

Update template statistics "dashboard" tables to summary lists#6002

Open
kr8n3r wants to merge 7 commits into
mainfrom
update-dashboard-tables-to-summary-lists
Open

Update template statistics "dashboard" tables to summary lists#6002
kr8n3r wants to merge 7 commits into
mainfrom
update-dashboard-tables-to-summary-lists

Conversation

@kr8n3r

@kr8n3r kr8n3r commented Jul 21, 2026

Copy link
Copy Markdown
Contributor

What

Replace template stats "dashboard" tables with a summary list component. These stats are key:value pairs so from an accessibility standpoint, a summary list that's built on description list element is more appropriate.

Key value pairs each take 50% of the available space and we no longer truncate the template name.

A new summary list modifier class introduced to contain needed styling.
Styles and jinja macro moved out of table as they're now n longer used in the table context.

Review

  • see individual commits for details.
  • send some email with different templates to see stats.
  • urls:
    • dashboard page: /services/
    • template usage: /services//template-usage

Visuals

Dashboard page: lazy load and stats
dashboard-page
lazy-load

Template usage page
template-usage

@kr8n3r
kr8n3r force-pushed the update-dashboard-tables-to-summary-lists branch 2 times, most recently from a0b805d to cacc38b Compare July 22, 2026 09:08
kr8n3r added 7 commits July 22, 2026 11:48
It's only used on template statistics page and as
they're being converted into summary-lists, it
can become a standalone macro without the need
for table cell call.

Sass also moved into a standalone partial
Used on template statistics page, but as
we've migrate those tables to summary-lists,
this className and styles are no longer
coupled to a table, so it makes sense to move it
out of `table.scss`.
Summary lists with table stats require some extra
styles.

- 50% width of the key element
- template name link (or text for Precompiled PDFs)
- template metadata tweaks

Alternaive approach to this would be to use
existing Design System override classes.
summary-list

- Use govukSummaryList and custom modifier classes
to apply styling
- Replace use of table imports
- Reimport standalone spark-bar component
summary-list

- Use govukSummaryList and custom modifier classes
to apply styling
- Replace use of table imports
- Reimport standalone spark-bar component
summary-list

- Use govukSummaryList and custom modifier classes
to apply styling
- Replace use of table imports
- Reimport standalone spark-bar component

Used on /template-usage page
Account for summary-list HTML markup changes
@kr8n3r
kr8n3r force-pushed the update-dashboard-tables-to-summary-lists branch from cacc38b to 49957c2 Compare July 22, 2026 10:59
@kr8n3r kr8n3r changed the title WIP: Update dashboard tables to summary lists Update template statistics "dashboard" tables to summary lists Jul 22, 2026
@kr8n3r
kr8n3r marked this pull request as ready for review July 22, 2026 13:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant