From 4a00599bc7bdfe50ac5045c4795c1147578f3093 Mon Sep 17 00:00:00 2001 From: Paul Adam Davis Date: Thu, 11 Sep 2014 12:57:41 +0100 Subject: [PATCH] Fix notification position when PSM is open Closes #4006 - Adds a transition to the notification containers - Adjusts the position of bottom notifications when PSM is open --- ghost/admin/assets/sass/components/notifications.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/ghost/admin/assets/sass/components/notifications.scss b/ghost/admin/assets/sass/components/notifications.scss index 43cb79ba17..4b8cc59eb9 100644 --- a/ghost/admin/assets/sass/components/notifications.scss +++ b/ghost/admin/assets/sass/components/notifications.scss @@ -11,8 +11,9 @@ left: 0; z-index: 980; width: 300px; + transition: transform $side-outlet-transition-duration cubic-bezier(0.1, 0.7, 0.1, 1); body.right-outlet-expanded & { - transform: translate3d(360px, 0px, 0px); + transform: translate3d(350px, 0px, 0px); } } @@ -22,7 +23,8 @@ left: 0; right: 0; z-index: 9999; - body.right-outlet-expanded & { + transition: transform $side-outlet-transition-duration cubic-bezier(0.1, 0.7, 0.1, 1); + body.right-outlet-expanded & { transform: translate3d(100%, 0px, 0px); } }