Skip to content
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.

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

Styling page loading #45

Closed
vala opened this issue Dec 3, 2015 · 2 comments
Closed

Styling page loading #45

vala opened this issue Dec 3, 2015 · 2 comments
Assignees

Comments

@vala
Copy link
Contributor

vala commented Dec 3, 2015

In bd5a84b I introduced an overlay and a spinner over the main content area whenever a classic turbolinks page loading or form submission occurs.

This fixes the general unresponse feeling when the action takes some time to run.

Please @xana68 review the design if it's ok for you.

Note 1 :

For the spinner I used the following generator : http://preloaders.net/en/circular
Using the "Instagram loading" model, with a 32x32 size (This size is reflected in the para/admin/src/page-loading.sass stylesheet, so you'll need to change it if you change the spinner size)

Note 2 :

I created a stylesheets folder at para/admin/src which is required by the para/admin.sass main stylesheet, and added my code into a new para/admin/src/page-loading.sass. Is this the right way to add styles for you ?

@gabriel-cardoso
Copy link
Contributor

👍 for the loader. No clue for Note 2

@xana68
Copy link
Contributor

xana68 commented Dec 3, 2015

@vala I just put more opacity like .5 instead of .3 because i don't see the opacity very well.

Note 2 : Good ! so i put few files in it :)

@xana68 xana68 closed this as completed Dec 4, 2015
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

No branches or pull requests

3 participants