Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Added notification slide out animation

Browse source
This commit is contained in:
Peter Zimon 2020-09-22 17:07:57 +02:00
parent e537d1dd03
commit f8f5377447
2 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
ghost/portal/src/components/Notification.styles.js
View file

@ -19,8 +19,11 @@ const NotificationStyles = `
color: var(--white);
border-radius: 5px;
box-shadow: 0 3.2px 3.6px rgba(0, 0, 0, 0.024), 0 8.8px 10px -5px rgba(0, 0, 0, 0.12);
animation: notification-slidein 0.6s ease-in-out,
notification-slideout 0.6s ease-in-out 2s;
animation: notification-slidein 0.6s ease-in-out;
}
.gh-portal-notification.slideout {
animation: notification-slideout 0.6s ease-in-out;
}
.gh-portal-notification p {

7
ghost/portal/src/components/common/PopupNotification.js
View file

@ -17,8 +17,11 @@ export const PopupNotificationStyles = `
0px 2.2538793087005615px 2.2538793087005615px 0px rgba(0,0,0,0.02),
0px 5.426473140716553px 5.426473140716553px 0px rgba(0,0,0,0.03),
0px 18px 18px 0px rgba(0,0,0,0.04);
animation: popupnotification-slidein 0.6s ease-in-out,
popupnotification-slideout 0.6s ease-in-out 2s;
animation: popupnotification-slidein 0.6s ease-in-out;
}
.gh-portal-popupnotification.slideout {
animation: popupnotification-slideout 0.6s ease-in-out;
}
.gh-portal-popupnotification p {