From 54cc8838aefe8f8c2d25d9228a136ef727a08230 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <wulkanat@gmail.com>
Date: Mon, 24 Jan 2022 11:57:55 +0000
Subject: [PATCH] fix: some android devices don't support implied css animation
 units

---
 package.json                                             | 2 +-
 src/app/animation/material-motion.ts                     | 2 +-
 src/app/modules/schedule/page/schedule-page.component.ts | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 5d69afa2..e19c7787 100644
--- a/package.json
+++ b/package.json
@@ -10,7 +10,7 @@
     "Michel Jonathan Schmitz <michel.jonathan.schmitz@its.thm.de>",
     "Rainer Killinger <mail-openstapps@killinger.co>",
     "Sebastian Lange <sebastianlange87@gmail.com>",
-    "Wieland Schöbl <wulkanat@gmail.com>"
+    "Thea Schöbl <wulkanat@gmail.com>"
   ],
   "scripts": {
     "build": "ng build",
diff --git a/src/app/animation/material-motion.ts b/src/app/animation/material-motion.ts
index 1fe23272..1daa6ee6 100644
--- a/src/app/animation/material-motion.ts
+++ b/src/app/animation/material-motion.ts
@@ -79,7 +79,7 @@ export const materialSharedAxisX = trigger('materialSharedAxisX', [
   ),
   state(
     SHARED_AXIS_DIRECTIONS[0],
-    style({opacity: 1, transform: 'translateX(0)'}),
+    style({opacity: 1, transform: 'translateX(0px)'}),
   ),
   state(
     SHARED_AXIS_DIRECTIONS[1],
diff --git a/src/app/modules/schedule/page/schedule-page.component.ts b/src/app/modules/schedule/page/schedule-page.component.ts
index d128e406..eb1feb50 100644
--- a/src/app/modules/schedule/page/schedule-page.component.ts
+++ b/src/app/modules/schedule/page/schedule-page.component.ts
@@ -53,7 +53,7 @@ const responsiveConfig: ScheduleResponsiveBreakpoint[] = [
 
 const fabAnimations = trigger('fabAnimation', [
   transition(':leave', [
-    style({opacity: 1, transform: 'translate(0, 0) scale(1)'}),
+    style({opacity: 1, transform: 'translate(0vw, 0vh) scale(100%)'}),
     animate(
       '100ms ease-in',
       style({opacity: 0, transform: 'translate(-5vw, -5vh) scale(200%)'}),
@@ -63,7 +63,7 @@ const fabAnimations = trigger('fabAnimation', [
     style({opacity: 0, transform: 'translate(-5vw, -5vh) scale(200%)'}),
     animate(
       '200ms ease-out',
-      style({opacity: 1, transform: 'translate(0, 0) scale(1)'}),
+      style({opacity: 1, transform: 'translate(0vw, 0vh) scale(100%)'}),
     ),
   ]),
 ]);
@@ -204,7 +204,7 @@ export class SchedulePageComponent implements OnInit, AfterViewInit {
           },
           {
             opacity: '1',
-            transform: 'translate(0, 0) scale(1)',
+            transform: 'translate(0vw, 0vh) scale(1)',
           },
         ]);