Skip to content

Add a notification panel section to the workspace page - #4224

Open
twjeffery wants to merge 1 commit into
devfrom
tom/workspace-notification-panel-section
Open

Add a notification panel section to the workspace page#4224
twjeffery wants to merge 1 commit into
devfrom
tom/workspace-notification-panel-section

Conversation

@twjeffery

Copy link
Copy Markdown
Collaborator

Fixes #4223

Before (the change)

The workspace product type page documents four interaction patterns: data views, sidebar navigation, sticky action bar, and push drawer. There is nothing for the notification panel, even though it shipped, has its own component page, and opens from the work side menu that this same page documents as the primary navigation.

The thumbnail for it has been sitting in the repo since 2026-04-30 and is referenced nowhere, so the section looks like it was intended and never written.

After (the change)

A Notifications section under Interaction patterns, in the same shape and weight as the ones beside it: an opening paragraph, a short list, a couple of closing lines, and one image.

The thumbnail is recaptured rather than reused. The existing image showed notification items with text badges ("New", "Urgent"), which the shipped component does not render. WorkSideNotificationItem renders its badge as icon only, derived from the item's type:

<goa-badge type={_badgeType} icon="true" arialabel={type} emphasis="subtle" />

There is no content attribute, so shipping the old image would have documented an interface the component cannot produce. The new capture is taken from the template at 1440x900 with a 2x device pixel ratio, giving 2880x1800, which matches the other workspace thumbnails.

No code changes.

Note for the reviewer

This touches the same file as #4222, which is open for review now. The two changes are about 165 lines apart in that file, so they merge cleanly in either order. Happy to rebase whichever one lands second.

Make sure that you've checked the boxes below before you submit the PR

  • I have read and followed the setup steps
  • I have created necessary unit tests. Not applicable: content and image change, no components touched.
  • I have tested the functionality in both React and Angular. Not applicable: docs content only.

Steps needed to test

  1. Open the workspace product type page and scroll to Interaction patterns
  2. Confirm the Notifications section sits after Push drawer and reads consistently with the sections beside it
  3. Confirm both links resolve: notification panel and work side menu
  4. Confirm the image shows icon badges rather than text badges, which is what the component actually renders

@github-actions

github-actions Bot commented Aug 13, 2026

Copy link
Copy Markdown
PR Preview Action v1.8.1

QR code for preview link

🚀 View preview at
https://GovAlta.github.io/ui-components/pr-preview-angular/pr-4224/

Built to branch gh-pages at 2026-08-13 06:56 UTC.
Preview will be ready when the GitHub Pages deployment is complete.

@github-actions

Copy link
Copy Markdown

Preview links

Target URL
Docs https://govalta.github.io/ui-components/pr-preview/pr-4224/
React playground https://govalta.github.io/ui-components/pr-preview-react/pr-4224/
Angular playground https://govalta.github.io/ui-components/pr-preview-angular/pr-4224/

Built from commit fe33a87. Previews are removed automatically when this PR closes.

@twjeffery
twjeffery marked this pull request as ready for review August 13, 2026 07:01
@twjeffery
twjeffery requested a review from ArakTaiRoth August 13, 2026 07:01

Keep each notification to what happened, which record, and when, so the panel can be scanned without opening anything. Use the urgent priority to weight what matters most in your service's context. The panel offers a "View all" link, so plan for a full notifications page to sit behind it.

<img

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

I don't know if this image is up to date? It still shows what I think is a problem that Vanessa fixed recently, that is the Notification Panel is lined up completely with the bottom of the viewport, rather than having some padding.

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.

Workspace product type page: add an interaction pattern section for the notification panel

2 participants