loaders for admin pages moved

This commit is contained in:
gaelle morin 2020-08-31 10:24:12 +02:00
parent 31091c16ce
commit 0d9f149054
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
4 changed files with 40 additions and 37 deletions

View File

@ -286,41 +286,45 @@ h5 {
position: relative;
width: 80px;
height: 20px;
}
.loader div {
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--color-menu-background);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
&.loader-top {
top: 30px;
}
.loader.loader-menu div {
width: 8px;
height: 8px;
background: var(--color-menu-text);
}
div {
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--color-menu-background);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
&.loader-menu div {
width: 8px;
height: 8px;
background: var(--color-menu-text);
}
.loader div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.loader div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.loader div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
}
@keyframes lds-ellipsis1 {

View File

@ -37,12 +37,6 @@
class='button text-bold text-uppercase reversed button-primary bordered with-icon icon-plus'
next='admin-circle-create'
) Créer un cercle
div#loader-admin-circles.loader
div
div
div
div
.table-wrapper
.table
@ -119,6 +113,11 @@
order-by="name"
)
div#loader-admin-circles.loader.loader-top
div
div
div
div
#admin-circle-create.content-box__height(hidden)
include page-admin-circles-create.pug

View File

@ -138,7 +138,7 @@
order-by="name"
)
div#loader-admin-projects.loader
div#loader-admin-projects.loader.loader-top
div
div
div

View File

@ -54,7 +54,7 @@
order-by='username'
)
div#loader-admin-users.loader
div#loader-admin-users.loader.loader-top
div
div
div