Skip to content

Commit

Permalink
[GEN-1974]: fix toast transition (out-to-left) (#1968)
Browse files Browse the repository at this point in the history
This pull request includes a small change to the
`frontend/webapp/reuseable-components/notification-note/index.tsx` file.
The change modifies the animation direction for the `Container`
component when it is leaving.

*
[`frontend/webapp/reuseable-components/notification-note/index.tsx`](diffhunk://#diff-aafb83c2f2f513f6ea10e4be1483dd18d389bb09c7708ded9b520e5b3e1d9d42L36-R36):
Changed the animation direction from 'right' to 'left' when `$isLeaving`
is true.
  • Loading branch information
BenElferink authored Dec 10, 2024
1 parent 646befd commit 3bf7a7c
Showing 1 changed file with 1 addition and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ const Container = styled.div<{ $isLeaving?: boolean }>`
overflow: hidden;
padding-bottom: 1px;
border-radius: 32px;
animation: ${({ $isLeaving }) => ($isLeaving ? slide.out['right'] : slide.in['right'])} ${TRANSITION_DURATION}ms forwards;
animation: ${({ $isLeaving }) => ($isLeaving ? slide.out['top'] : slide.in['top'])} ${TRANSITION_DURATION}ms forwards;
}
`;

Expand Down

0 comments on commit 3bf7a7c

Please sign in to comment.