From 8e3e973cf779008897e5c4b1590b1e1c587ca91d Mon Sep 17 00:00:00 2001
From: Cindy <cindy.nacibide@teamdlab.com>
Date: Fri, 8 Jan 2021 14:12:16 +0100
Subject: [PATCH] [FIX TRTL-584] update collapse animation
---
.../src/app/modules/animations/vitamui-common-animations.ts | 6 +++---
1 file changed, 3 insertions(+), 3 deletions(-)
diff --git 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
index 0b02f6bcb..6f25d2067 100644
--- 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
@@ -1,9 +1,9 @@
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('expanded', style({ height: '*' })),
- transition('expanded <=> collapsed', animate('300ms ease-out')),
+ state('collapsed', style({height: '0px', visibility: 'hidden', opacity: '0'})),
+ state('expanded', style({height: '*', visibility: 'visible', opacity: '1'})),
+ transition('expanded <=> collapsed', animate('150ms cubic-bezier(0.4,0.0,0.2,1)')),
]);
export const rotateAnimation = trigger('rotateAnimation', [
--
GitLab