hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-15 22:13:02 +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/fromBottom.ts Normal file
View File

@@ -0,0 +1,26 @@
import { animate, state, style, transition, trigger } from '@angular/animations';
export const fromBottomInState = state('fromBottomIn', style({opacity: 1, transform: 'translateY(0)'}));
export const fromBottomEnter = transition('* => fromBottomIn', [
style({opacity: 0, transform: 'translateY(5%)'}),
animate('400ms ease-in-out')
]);
export const fromBottomOutState = state('fromBottomOut', style({opacity: 0, transform: 'translateY(-5%)'}));
export const fromBottomLeave = transition('fromBottomIn => fromBottomOut', [
style({opacity: 1, transform: 'translateY(0)'}),
animate('300ms ease-in-out')
]);
export const fromBottomIn = trigger('fromBottomIn', [
fromBottomEnter
]);
export const fromBottomOut = trigger('fromBottomOut', [
fromBottomLeave
]);
export const fromBottomInOut = trigger('fromBottomInOut', [
fromBottomEnter,
fromBottomLeave
]);