Resolve "Notifications haben keinen Timeout-Balken mehr"

Closes #5034

Merge request studip/studip!3771

resources/assets/stylesheets/scss/system-notifications.scss

@@ -6,13 +6,13 @@
         right: 15px;
 
         .system-notification {
-            &.system-notification-slide-enter,
+            &.system-notification-slide-enter-from,
             &.system-notification-slide-leave-to {
                 opacity: 0;
                 transform: translateX(100%);
             }
 
-            &.system-notification-slide-leave,
+            &.system-notification-slide-leave-from,
             &.system-notification-slide-enter-to {
                 opacity: 1;
                 transform: translateX(0);
@@ -36,13 +36,13 @@
         top: 40px;
 
         .system-notification {
-            &.system-notification-slide-enter,
+            &.system-notification-slide-enter-from,
             &.system-notification-slide-leave-to {
                 opacity: 0;
                 transform: translateY(-100%);
             }
 
-            &.system-notification-slide-leave,
+            &.system-notification-slide-leave-from,
             &.system-notification-slide-enter-to {
                 opacity: 1;
                 transform: translateY(0);
@@ -121,11 +121,11 @@
             transition: width 5s linear;
         }
 
-        &.system-notification-timeout-enter {
+        &.system-notification-timeout-enter-from {
             width: 100%;
         }
 
-        &.system-notification-timeout-leave {
+        &.system-notification-timeout-leave-from {
             width: 0;
         }