Cleanup router animation code

This commit is contained in:
Cameron Cordes
2019-09-29 13:04:16 -04:00
parent 12cc5b072f
commit 8feddb493c

View File

@@ -5,34 +5,30 @@ import { Angulartics2Piwik } from 'angulartics2/piwik';
export const routerTransition = trigger('routerTransition', [
transition('* <=> *', [
// Initial state of new route
query(':enter',
style({
position: 'fixed',
width: '100%',
// transform: 'translateX(-100%)'
height: '100%',
opacity: 0
}),
{optional: true}),
// move page off screen right on leave
query(':leave',
animate('300ms ease-in-out',
style({
position: 'fixed',
width: '100%',
// transform: 'translateX(100%)'
height: '100%',
opacity: 0
})
),
{optional: true}),
// move page in screen from left to right
query(':enter',
animate('300ms ease-in-out',
style({
opacity: 1,
// transform: 'translateX(0%)'
})
),
{optional: true}),