[FIX TRTL-584] update collapse animation

8e3e973c · Cindy · pybelecalo · 999163f0 · 8e3e973c
Commit 8e3e973c authored 4 years ago by Cindy Committed by pybelecalo 3 years ago
--- a/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts
+++ b/ui/ui-frontend-common/src/app/modules/animations/vitamui-common-animations.ts
 import { animate, keyframes, query, stagger, state, style, transition, trigger } from '@angular/animations';
 export const collapseAnimation = trigger('collapseAnimation', [
-  state('collapsed', style({ height: 0, visibility: 'hidden' })),
+  state('collapsed', style({height: '0px', visibility: 'hidden', opacity: '0'})),
-  state('expanded', style({ height: '*' })),
+  state('expanded', style({height: '*', visibility: 'visible',  opacity: '1'})),
-  transition('expanded <=> collapsed', animate('300ms ease-out')),
+  transition('expanded <=> collapsed', animate('150ms cubic-bezier(0.4,0.0,0.2,1)')),
 ]);
 export const rotateAnimation = trigger('rotateAnimation', [