bug: fix routing transition animation

Change-Id: I542a75134c622e237d48310ab0c5985c0f34b624
Issue-ID: USECASEUI-306
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

diff --git a/usecaseui-portal/src/app/shared/utils/animates.ts b/usecaseui-portal/src/app/shared/utils/animates.ts
index d5c29b7..86780a3 100644 (file)
--- a/usecaseui-portal/src/app/shared/utils/animates.ts
+++ b/usecaseui-portal/src/app/shared/utils/animates.ts
@@ -18,17 +18,17 @@ import { trigger, state, style, animate, transition } from '@angular/animations'
 // Routing animation
 export const slideToRight = trigger('routerAnimate', [
     // Define void to indicate empty state
-    state('void', style({ position:'fixed', zIndex:'-1' })), //I don't understand why I want to add a positioning animation to take effect.
+    state('void', style({  })),
     // * Indicates any state
-    state('*', style({ })),
+    state('*', style({})),
     // Admission animation
     transition(':enter', [
-        style({transform: 'translateX(-100%)'}),
+        style({transform: 'translateX(-100%)',position: 'fixed',width: '*'}),
         animate('.5s ease-in-out')
     ]),
     // Opening animation
     transition(':leave', [
-        animate('.5s ease-in-out',  style({transform: 'translateX(100%)'}) )
+        animate('.5s ease-in-out',  style({transform: 'translateX(100%)',position: 'fixed',width:'*' }) )
     ])
 ]);
 // Detail page shows hidden animation