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

feat: Animate load-in of notices #1796

Merged
merged 1 commit into from
Sep 12, 2024
Merged

feat: Animate load-in of notices #1796

merged 1 commit into from
Sep 12, 2024

Conversation

zusorio
Copy link
Member

@zusorio zusorio commented Sep 12, 2024

Animate the load-in of notices to make the layout shift less jarring.

Closes #1789

Copy link

github-actions bot commented Sep 12, 2024

A Storybook preview is available for commit f19d0d1.
➡️ View Storybook
➡️ View Chromatic build
✅ Captured 29 snapshots. No changes detected.

Copy link

codecov bot commented Sep 12, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 84.06%. Comparing base (f43efb9) to head (6c20a73).
Report is 361 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #1796   +/-   ##
=======================================
  Coverage   84.06%   84.06%           
=======================================
  Files         186      186           
  Lines        6144     6144           
  Branches      676      676           
=======================================
  Hits         5165     5165           
  Misses        831      831           
  Partials      148      148           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Animate the load-in of notices to make the layout shift less jarring.

Closes #1789

It also updates the code to the latest code styles:
- Stories for notice and alerts were added.
- NgFor / NgIf were replaced.
- The service was moved from the general services directory to a context base directory.
- Notices in the NoticeWrapperService is now a BehaviourSubject.
- Custom Types and Functions were replaced with the OpenAPI schema.

Co-authored-by: MoritzWeber0 <[email protected]>
Copy link

Copy link
Member

@MoritzWeber0 MoritzWeber0 left a comment

Choose a reason for hiding this comment

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

I added some changes to apply the latest code style to the old components:

  • Stories for notice and alerts were added.
  • NgFor / NgIf were replaced.
  • The service was moved from the general services directory to a context base directory.
  • Notices in the NoticeWrapperService is now a BehaviourSubject.
  • Custom Types and Functions were replaced with the OpenAPI schema.

After those changes it's good to be merged.

@MoritzWeber0 MoritzWeber0 merged commit 9ff8225 into main Sep 12, 2024
30 checks passed
@MoritzWeber0 MoritzWeber0 deleted the animate-notices branch September 12, 2024 15:21
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.

Add animation for announcements / notices
2 participants