Skip to content

fix(alert-bar): visual design, animation adjustment#1738

Merged
KaiVandivier merged 1 commit into
masterfrom
alert-bar-ux
Apr 20, 2026
Merged

fix(alert-bar): visual design, animation adjustment#1738
KaiVandivier merged 1 commit into
masterfrom
alert-bar-ux

Conversation

@cooper-joe
Copy link
Copy Markdown
Member

@cooper-joe cooper-joe commented Apr 20, 2026

Implements LIBS-832


Description

This PR makes the following changes to the AlertBar component:

  • adjusts animation to be more subtle
  • adds proper "restacking" of the alert stack when an alert is dismissed under some other alerts
  • adjusts visual design, spacing
  • respects prefers-reduce-motion: reduce

Checklist

  • API docs are generated
  • Tests were added
  • Storybook demos were added

All points above should be relevant for feature PRs. For bugfixes, some points might not be relevant. In that case, just check them anyway to signal the work is done.


Screenshots

Before:

Kapture.2026-04-20.at.14.17.55.mp4

After:

Kapture.2026-04-20.at.14.18.39.mp4

@cooper-joe cooper-joe requested a review from a team as a code owner April 20, 2026 12:41
@sonarqubecloud
Copy link
Copy Markdown

@dhis2-bot
Copy link
Copy Markdown
Contributor

🚀 Deployed on https://pr-1738--dhis2-ui.netlify.app

@dhis2-bot dhis2-bot temporarily deployed to netlify April 20, 2026 12:43 Inactive
Copy link
Copy Markdown
Contributor

@KaiVandivier KaiVandivier left a comment

Choose a reason for hiding this comment

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

Beautiful ✨

@KaiVandivier KaiVandivier merged commit 54f0160 into master Apr 20, 2026
23 checks passed
@KaiVandivier KaiVandivier deleted the alert-bar-ux branch April 20, 2026 13:46
dhis2-bot added a commit that referenced this pull request Apr 20, 2026
## [10.13.1](v10.13.0...v10.13.1) (2026-04-20)

### Bug Fixes

* **alert-bar:** visual design, animation adjustment ([#1738](#1738)) ([54f0160](54f0160))
@dhis2-bot
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 10.13.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants