diff --git a/src/styles/base/main.scss b/src/styles/base/main.scss index 9431d7b..1484def 100644 --- a/src/styles/base/main.scss +++ b/src/styles/base/main.scss @@ -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 { diff --git a/src/views/admin/page-admin-circles.pug b/src/views/admin/page-admin-circles.pug index a8e26de..166c9b6 100644 --- a/src/views/admin/page-admin-circles.pug +++ b/src/views/admin/page-admin-circles.pug @@ -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 diff --git a/src/views/admin/page-admin-projects.pug b/src/views/admin/page-admin-projects.pug index 72f3f8b..c0268b6 100644 --- a/src/views/admin/page-admin-projects.pug +++ b/src/views/admin/page-admin-projects.pug @@ -138,7 +138,7 @@ order-by="name" ) - div#loader-admin-projects.loader + div#loader-admin-projects.loader.loader-top div div div diff --git a/src/views/admin/page-admin-users.pug b/src/views/admin/page-admin-users.pug index d56540d..5494220 100644 --- a/src/views/admin/page-admin-users.pug +++ b/src/views/admin/page-admin-users.pug @@ -54,7 +54,7 @@ order-by='username' ) - div#loader-admin-users.loader + div#loader-admin-users.loader.loader-top div div div