feat(header-bar): add expandable notification dot indicator - #1756
Merged
Merged
Conversation
Contributor
|
🚀 Deployed on https://pr-1756--dhis2-ui.netlify.app |
arina-gutuboe
marked this pull request as draft
July 13, 2026 13:14
arina-gutuboe
force-pushed
the
LIBS-868/header-notification-indicator
branch
from
July 23, 2026 07:13
db46233 to
4b9e1b3
Compare
arina-gutuboe
marked this pull request as ready for review
July 23, 2026 07:34
|
d-rita
reviewed
Sep 15, 2026
d-rita
left a comment
d-rita
left a comment
Contributor
There was a problem hiding this comment.
This definitely improves the UI. Less visual noise.
headerbar.notification.mov
Follow-up on accessibility: Test for screen readers to see if the count is reachable?
d-rita
approved these changes
Sep 15, 2026
|
Contributor
This branch was previously deployed
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Implements LIBS-868
Important
A follow-up PR will be opened against
global-shell-appto port the equivalent badge behavior to its forked implementation.Description
Replaces the persistent notification counter badge with a compact indicator dot when unread notifications exist. The full counter badge is shown temporarily after login (3 seconds) and on hover or keyboard focus, then collapses back to the dot.
Checklist
Screenshots
A dot indicator is displayed by default, and a badge appears on hover:
