hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-17 15:03:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

57053: finished animations

Browse Source
This commit is contained in:
lotte
2018-11-27 15:34:05 +01:00
parent 907fa5f22f
commit def5391449
8 changed files with 73 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/app/shared/animations/slide.ts
View File

@@ -24,23 +24,29 @@ export const slideMobileNav = trigger('slideMobileNav', [
transition('expanded <=> collapsed', animate('300ms'))
]);
const collapsedStyle = style({ marginLeft: '-{{ sidebarWidth }}' });
const expandedStyle = style({ marginLeft: '0' });
const options = { params: { sidebarWidth: '*' } };
export const slideSidebar = trigger('slideSidebar', [
state('expanded',
style({ width: '{{ sidebarWidth }}' }),
{ params: { sidebarWidth: '*' } }
),
state('collapsed', style({ width: '*' })),
transition('expanded <=> collapsed',
transition('expanded => collapsed',
group
(
[
query('@*', animateChild()),
animate('300ms ease-in-out'),
query('.sidebar-collapsible', expandedStyle, options),
query('.sidebar-collapsible', animate('300ms ease-in-out', collapsedStyle))
],
)),
transition('collapsed => expanded',
group
(
[
query('@*', animateChild()),
query('.sidebar-collapsible', collapsedStyle),
query('.sidebar-collapsible', animate('300ms ease-in-out', expandedStyle), options)
]
))
]);