mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 20:22:18 +00:00
Fixed loading animation delay
Loading animation would show in an unready state due to animation-delay on components. Updated to a negative delay to ensure elements were in correct positions right away upon show.
This commit is contained in:
parent
2c74dfd1d4
commit
89dfa43e73
@ -79,17 +79,17 @@ $loadingSize: 10px;
|
|||||||
animation-timing-function: cubic-bezier(.62, .28, .23, .99);
|
animation-timing-function: cubic-bezier(.62, .28, .23, .99);
|
||||||
margin-inline-end: 4px;
|
margin-inline-end: 4px;
|
||||||
background-color: var(--color-page);
|
background-color: var(--color-page);
|
||||||
animation-delay: 0.3s;
|
animation-delay: -300ms;
|
||||||
}
|
}
|
||||||
> div:first-child {
|
> div:first-child {
|
||||||
left: -($loadingSize+$-xs);
|
left: -($loadingSize+$-xs);
|
||||||
background-color: var(--color-book);
|
background-color: var(--color-book);
|
||||||
animation-delay: 0s;
|
animation-delay: -600ms;
|
||||||
}
|
}
|
||||||
> div:last-of-type {
|
> div:last-of-type {
|
||||||
left: $loadingSize+$-xs;
|
left: $loadingSize+$-xs;
|
||||||
background-color: var(--color-chapter);
|
background-color: var(--color-chapter);
|
||||||
animation-delay: 0.6s;
|
animation-delay: 0ms;
|
||||||
}
|
}
|
||||||
> span {
|
> span {
|
||||||
margin-inline-start: $-s;
|
margin-inline-start: $-s;
|
||||||
|
Loading…
Reference in New Issue
Block a user