autonomic-cooperative
/
hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/styles/base/main.scss
View File

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

11
src/views/admin/page-admin-circles.pug
View File

@ -38,12 +38,6 @@
next='admin-circle-create' next='admin-circle-create'
) Créer un cercle ) Créer un cercle
div#loader-admin-circles.loader
div
div
div
div
.table-wrapper .table-wrapper
.table .table
@ -119,6 +113,11 @@
order-by="name" order-by="name"
) )
div#loader-admin-circles.loader.loader-top
div
div
div
div
#admin-circle-create.content-box__height(hidden) #admin-circle-create.content-box__height(hidden)
include page-admin-circles-create.pug include page-admin-circles-create.pug

2
src/views/admin/page-admin-projects.pug
View File

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

2
src/views/admin/page-admin-users.pug
View File

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