search

pacio-core / smartbugs

Public place to collect issues and enhancements for Smartlike client apps.
0 stars 1 forks source link

Improve loading animation #50

Open vadim-frolov opened 4 years ago

vadim-frolov commented 4 years ago

The current cycle is not optimal: it often doesn't complete 1/8 of a cycle. Three dots css animation may be better.

malj commented 4 years ago

cc @bumTomica

bumTomica commented 4 years ago

@vadim-frolov do you have any preferences from maybe Lottie animations or SpinKit or should I pick one?

https://lottiefiles.com/search?q=loading https://tobiasahlin.com/spinkit/

We can also pick and use liking animation https://lottiefiles.com/search?q=like

vadim-frolov commented 4 years ago

@bumTomica My original preference was a subtle three dots animation like one from https://tobiasahlin.com/spinkit/ What do you think?

Let's try to add a liking animation as well. We need more feedback.

bumTomica commented 4 years ago

I like it, it is simple and not intrusive, @malj let's go with that.

And for liking, we can use some CSS animation and fill icon as a quick starting point. @malj pick one that is easy to implement and has a subtle animation like heartBeat, bounceIn, fadeIn, and so on. https://daneden.github.io/animate.css

malj commented 4 years ago

Replaced feed loader in https://github.com/pacio-core/smartlike/commit/635c394f30cbdadf9427db9d11272076ccae4470

Added smartlike button animation in https://github.com/pacio-core/smartlike/commit/c31c9fc4a82585b1eb20d3feab016bbb62c4317c