fix: some android devices don't support implied css animation units

This commit is contained in:
Thea Schöbl
2022-01-24 11:57:55 +00:00
parent 2566a71a81
commit 54cc8838ae
3 changed files with 5 additions and 5 deletions

View File

@@ -10,7 +10,7 @@
"Michel Jonathan Schmitz <michel.jonathan.schmitz@its.thm.de>", "Michel Jonathan Schmitz <michel.jonathan.schmitz@its.thm.de>",
"Rainer Killinger <mail-openstapps@killinger.co>", "Rainer Killinger <mail-openstapps@killinger.co>",
"Sebastian Lange <sebastianlange87@gmail.com>", "Sebastian Lange <sebastianlange87@gmail.com>",
"Wieland Schöbl <wulkanat@gmail.com>" "Thea Schöbl <wulkanat@gmail.com>"
], ],
"scripts": { "scripts": {
"build": "ng build", "build": "ng build",

View File

@@ -79,7 +79,7 @@ export const materialSharedAxisX = trigger('materialSharedAxisX', [
), ),
state( state(
SHARED_AXIS_DIRECTIONS[0], SHARED_AXIS_DIRECTIONS[0],
style({opacity: 1, transform: 'translateX(0)'}), style({opacity: 1, transform: 'translateX(0px)'}),
), ),
state( state(
SHARED_AXIS_DIRECTIONS[1], SHARED_AXIS_DIRECTIONS[1],

View File

@@ -53,7 +53,7 @@ const responsiveConfig: ScheduleResponsiveBreakpoint[] = [
const fabAnimations = trigger('fabAnimation', [ const fabAnimations = trigger('fabAnimation', [
transition(':leave', [ transition(':leave', [
style({opacity: 1, transform: 'translate(0, 0) scale(1)'}), style({opacity: 1, transform: 'translate(0vw, 0vh) scale(100%)'}),
animate( animate(
'100ms ease-in', '100ms ease-in',
style({opacity: 0, transform: 'translate(-5vw, -5vh) scale(200%)'}), 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%)'}), style({opacity: 0, transform: 'translate(-5vw, -5vh) scale(200%)'}),
animate( animate(
'200ms ease-out', '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', opacity: '1',
transform: 'translate(0, 0) scale(1)', transform: 'translate(0vw, 0vh) scale(1)',
}, },
]); ]);