summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-12 10:54:11 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-12 10:56:48 +0800
commit28071f9059054e48105b9edac78cfb55415f40df (patch)
treee00b5afec30349c72311b165b79228c541785639 /usecaseui-portal
parentd56bca3670049515d8a69e56d9f692e0f70c276b (diff)
bug: fix routing transition animation
Change-Id: I542a75134c622e237d48310ab0c5985c0f34b624 Issue-ID: USECASEUI-306 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal')
-rw-r--r--usecaseui-portal/src/app/shared/utils/animates.ts8
1 files 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