hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-14 05:23:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactored notification animations

Browse Source
This commit is contained in:
Giuseppe Digilio
2018-03-07 12:09:22 +01:00
parent afc915b943
commit 41640210f4
14 changed files with 232 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/shared/animations/fromTop.ts Normal file
View File

@@ -0,0 +1,26 @@
import { animate, state, style, transition, trigger } from '@angular/animations';
export const fromTopInState = state('fromTopIn', style({opacity: 1, transform: 'translateY(0)'}));
export const fromTopEnter = transition('* => fromTopIn', [
style({opacity: 0, transform: 'translateY(-5%)'}),
animate('400ms ease-in-out')
]);
export const fromTopOutState = state('fromTopOut', style({opacity: 0, transform: 'translateY(5%)'}));
export const fromTopLeave = transition('fromTopIn => fromTopOut', [
style({opacity: 1, transform: 'translateY(0)'}),
animate('300ms ease-in-out')
]);
export const fromTopIn = trigger('fromTopIn', [
fromTopEnter
]);
export const fromTopOut = trigger('fromTopOut', [
fromTopLeave
]);
export const fromTopInOut = trigger('fromTopInOut', [
fromTopEnter,
fromTopLeave
]);