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

@@ -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],

View File

@@ -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)',
},
]);