From fbfb748f8b8ff9ed3f14094ea28ac7545e6610be Mon Sep 17 00:00:00 2001 From: Liam Westby Date: Tue, 29 May 2018 14:30:49 -0500 Subject: [PATCH] Horizontal animation --- .../src/app/game/leaderboard/leaderboard.component.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts b/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts index 320483a..5997679 100644 --- a/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts +++ b/frontend/prebuild/src/app/game/leaderboard/leaderboard.component.ts @@ -12,12 +12,12 @@ import { trigger, transition, style, animate } from '@angular/animations'; animations: [ trigger('swap', [ transition(':enter', [ - style({transform: 'translateY(100%)', opacity: 0}), - animate('1000ms', style({transform: 'translateY(0)', opacity: 1})) + style({transform: 'translateX(100%)', opacity: 0}), + animate('1000ms', style({transform: 'translateX(0)', opacity: 1})) ]), transition(':leave', [ - style({transform: 'translateY(0)', opacity: 1}), - animate('1000ms', style({transform: 'translateY(-100%)', opacity: 0})) + style({transform: 'translateX(0)', opacity: 1}), + animate('1000ms', style({transform: 'translateX(-100%)', opacity: 0})) ]) ]) ]