Skip to content

Animate screenshot background while loading#1051

Merged
danirabbit merged 3 commits intomasterfrom
screenshot-loading-animation
Jul 29, 2019
Merged

Animate screenshot background while loading#1051
danirabbit merged 3 commits intomasterfrom
screenshot-loading-animation

Conversation

@cassidyjames
Copy link
Copy Markdown
Contributor

Inspired by #1050, using the sort of shine placeholder animation that's become common on the web and in apps like Slack. If we think it's clear enough that it's loading, we could even remove the spinner altogether.

@cassidyjames cassidyjames requested a review from a team July 27, 2019 17:03

@keyframes loading {
from {
background-position: -600px center;
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried with percentages and it seems GTK didn't like that.

@cassidyjames
Copy link
Copy Markdown
Contributor Author

cassidyjames commented Jul 27, 2019

Video of the effect: https://youtu.be/FNpZU_eaA10. The hiccup in the video is because this is on a lower-end desktop doing too much in the background. Whoops.

Co-Authored-By: Daniel Foré <daniel@elementary.io>
@danirabbit danirabbit merged commit 22ec596 into master Jul 29, 2019
@danirabbit danirabbit deleted the screenshot-loading-animation branch July 29, 2019 22:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants