javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-17 18:54:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(refresher): update animation for dashed property values (#20310)

Browse Source
This commit is contained in:
Liam DeBeasi
2020-01-27 12:21:26 -05:00
committed by GitHub
parent 52f713ce79
commit 44211c11ee
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
core/src/components/refresher/refresher.utils.ts
View File

@ -41,10 +41,10 @@ const createBaseAnimation = (pullingRefresherIcon: HTMLElement) => {
const circleInnerAnimation = createAnimation() const circleInnerAnimation = createAnimation()
.addElement(circle) .addElement(circle)
.keyframes([ .keyframes([
{ offset: 0, 'stroke-dasharray': '1px, 200px' }, { offset: 0, strokeDasharray: '1px, 200px' },
{ offset: 0.20, 'stroke-dasharray': '1px, 200px' }, { offset: 0.20, strokeDasharray: '1px, 200px' },
{ offset: 0.55, 'stroke-dasharray': '100px, 200px' }, { offset: 0.55, strokeDasharray: '100px, 200px' },
{ offset: 1, 'stroke-dasharray': '100px, 200px' } { offset: 1, strokeDasharray: '100px, 200px' }
]); ]);
const circleOuterAnimation = createAnimation() const circleOuterAnimation = createAnimation()

2
core/src/components/refresher/test/basic/index.html
View File

@ -21,7 +21,7 @@
<ion-content> <ion-content>
<ion-refresher id="refresher" slot="fixed"> <ion-refresher id="refresher" slot="fixed">
<ion-refresher-content pulling-text="Pull to refresh..." refreshing-spinner="bubbles" refreshing-text="Refreshing..."> <ion-refresher-content pulling-text="Pull to refresh..." refreshing-text="Refreshing...">
</ion-refresher-content> </ion-refresher-content>
</ion-refresher> </ion-refresher>