From 28071f9059054e48105b9edac78cfb55415f40df Mon Sep 17 00:00:00 2001 From: cyuamber Date: Thu, 12 Sep 2019 10:54:11 +0800 Subject: bug: fix routing transition animation Change-Id: I542a75134c622e237d48310ab0c5985c0f34b624 Issue-ID: USECASEUI-306 Signed-off-by: cyuamber --- usecaseui-portal/src/app/shared/utils/animates.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/usecaseui-portal/src/app/shared/utils/animates.ts b/usecaseui-portal/src/app/shared/utils/animates.ts index d5c29b7e..86780a3a 100644 --- 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 -- cgit 1.2.3-korg