yul/bookwyrm-mastodon
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adds css animation for pending create status

Browse Source 
Co-authored-by: Fabien Basmaison <contact@arkhi.org>
This commit is contained in:
Mouse Reeve
2021-09-10 08:30:28 -07:00
parent 136cc1a6e9
commit 718744a92d
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
bookwyrm/static/css/bookwyrm.css
View File

@ -302,6 +302,32 @@ body {
right: 0;
}
/** Animations and transitions
******************************************************************************/
@keyframes turning {
from { transform: rotateZ(0deg); }
to { transform: rotateZ(360deg); }
}
.is-processing .icon-spinner::before {
animation: turning 1.5s infinite linear;
}
.icon-spinner {
display: none;
}
.is-processing .icon-spinner {
display: flex;
}
@media (prefers-reduced-motion: reduce) {
.is-processing .icon::before {
transition-duration: 0.001ms !important;
}
}
/* States
******************************************************************************/