Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Breaking: Modernize and improve notification message component #325

Open
wants to merge 6 commits into
base: main
Choose a base branch
from

Conversation

pichfl
Copy link
Contributor

@pichfl pichfl commented Dec 10, 2021

Needs to be rebased once #324 / #328 are approved and merged.

  • Simpler (and therefore better) HTML and CSS layout for individual notifications
  • Better handling of animations
    • Removal of notifications now reacts to animationend DOM event instead of manually creating timers
    • Support for prefers-reduced-motion
    • Reduce animation timing to near zero in Ember tests

Also makes #299 possible

@pichfl pichfl force-pushed the reorganize-dom branch 3 times, most recently from 7a158c5 to 0ebc547 Compare December 15, 2021 16:33
@pichfl pichfl marked this pull request as ready for review December 15, 2021 16:34
@pichfl pichfl changed the title Modernize and improve notification message component Breaking: Modernize and improve notification message component Dec 15, 2021
- simplify component class
- move @z-index@ handling to CSS custom property

Replaces mansona#272
* Better variables
* Slightly more readable colors
* Support `prefers-reduced-motion` and reduces motion in Ember tests by default
* Added proper ARIA role to notification
* Partially replaces mansona#250
Much more stable than setTimeout and no longer blocks tests
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