Merge pull request #1259 from City-of-Helsinki/HDS-2160-change-toas-p…

…rogress-bar-direction (HDS-2160) change notification progressbar direction
City-of-Helsinki · Apr 16, 2024 · d59e5b6 · d59e5b6
2 parents 8d4effa + 6a47138
commit d59e5b6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -20,6 +20,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 #### Changed
 
 - [Component] What has been changed
+- [Notification] Change auto closing notification progressbar to decrease instead of increase.
 
 #### Fixed
 

diff --git a/packages/react/src/components/notification/Notification.tsx b/packages/react/src/components/notification/Notification.tsx
@@ -164,8 +164,8 @@ const getCloseTransition = (duration: number) => ({
  * @param duration
  */
 const getAutoCloseTransition = (duration: number) => ({
-  from: { transform: 'translate3d(-100%, 0, 0)' },
-  to: { transform: 'translate3d(0%, 0, 0)' },
+  from: { transform: 'translate3d(0%, 0, 0)' },
+  to: { transform: 'translate3d(-100%, 0, 0)' },
   config: {
     duration,
   },