notifications - fix broken animation

Benjamin Pasero · Benjamin Pasero · commit 027e16ff6999 · 2019-11-19T07:56:46.000+01:00
diff --git a/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css b/src/vs/workbench/browser/parts/notifications/media/notificationsToasts.css
@@ -27,10 +27,9 @@
 
 .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast {
 	margin: 5px; /* enables separation and drop shadows around toasts */
-	transform: translateY(100%); /* move the notification 50px to the bottom (to prevent bleed through) */
+	transform: translate3d(0px, 100%, 0px); /* move the notification 50px to the bottom (to prevent bleed through) */
 	opacity: 0; /*  fade the toast in */
 	transition:	transform 300ms ease-out, opacity 300ms ease-out;
-	transform: translate3d(0px, 0px, 0px); /* force a separate layer for the toast to speed things up */
 }
 
 .monaco-workbench > .notifications-toasts .notification-toast-container > .notification-toast.notification-fade-in {
