Skip to content

[Skeleton] Delay the animation by 500ms #18913

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
oliviertassinari merged 12 commits into from
Dec 19, 2019
Merged

[Skeleton] Delay the animation by 500ms #18913

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
1b702c6
[Skeleton] add prop animationDelay
Dec 18, 2019
188cd9f
Update docs/src/pages/components/skeleton/Delay.js
bowann Dec 18, 2019
f570967
Update packages/material-ui-lab/src/Skeleton/Skeleton.js
bowann Dec 18, 2019
751152c
Update docs/src/pages/components/skeleton/Delay.js
bowann Dec 18, 2019
09403cc
Update docs/src/pages/components/skeleton/Delay.tsx
bowann Dec 18, 2019
ac1dd3f
Update docs/src/pages/components/skeleton/Delay.tsx
bowann Dec 18, 2019
26847e5
Update packages/material-ui-lab/src/Skeleton/Skeleton.js
bowann Dec 18, 2019
900fc4c
update doc
Dec 18, 2019
027d6ed
update description to "out of phase"
Dec 19, 2019
b2e4e16
Add default animationDelay to the class
Dec 19, 2019
b1aae3a
Use animation shorthand
Dec 19, 2019
9c06323
Remove new demo and prop, keeping animationDelay in the shorthand style
Dec 19, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/material-ui-lab/src/Skeleton/Skeleton.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@ export const styles = theme => ({
},
/* Styles applied to the root element if `disabledAnimate={false}`. */
animate: {
animation: '$animate 1.5s ease-in-out infinite',
animation: '$animate 1.5s ease-in-out 0.5s infinite',
},
'@keyframes animate': {
'0%': {
Expand Down