sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

[HIMA-58] - timing updates

Browse Source
This commit is contained in:
Peter Skrlj
2019-02-09 00:25:24 +01:00
parent 3f338c13b3
commit 3fef3df875
3 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/modules/customer-search/components/customer-search/customer-search.component.scss
View File

@@ -56,3 +56,8 @@
width: 100%;
height: 100%;
}
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

4
src/app/modules/customer-search/components/customer-search/fade-in.animation.ts
View File

@@ -12,13 +12,13 @@ export const fadeInAnimation = trigger('fadeIn', [
query(
':leave',
[style({ opacity: 1 }), animate('0.4s', style({ opacity: 0 }))],
[style({ opacity: 1 }), animate('0.3s', style({ opacity: 0 }))],
{ optional: true }
),
query(
':enter',
[style({ opacity: 0 }), animate('0.3s', style({ opacity: 1 }))],
[style({ opacity: 0 }), animate('0.2s', style({ opacity: 1 }))],
{ optional: true }
)
])

4
src/app/modules/customer-search/components/customer-search/stagger.animation.ts
View File

@@ -14,7 +14,7 @@ export const staggerAnimation = trigger('listAnimation', [
query(':leave', [
style({ height: '0', marginTop: '-56px', visibility: 'hidden' })
]),
query('*', [stagger(40, [animate('0.3s', style({ opacity: 0 }))])]),
query('*', [stagger(-20, [animate('0.3s', style({ opacity: 1 }))])])
query('*', [stagger(20, [animate('0.15s', style({ opacity: 0 }))])]),
query('*', [stagger(-10, [animate('0.15s', style({ opacity: 1 }))])])
])
]);