From 06b2632fb5c87558577b882b7e55ebd5aafb1119 Mon Sep 17 00:00:00 2001 From: kolaente Date: Wed, 10 Nov 2021 20:11:17 +0100 Subject: [PATCH] chore: simplify loader css --- src/styles/theme/loading.scss | 60 +++++++++++++++++------------------ 1 file changed, 29 insertions(+), 31 deletions(-) diff --git a/src/styles/theme/loading.scss b/src/styles/theme/loading.scss index 687e7c0e6..e3e91b661 100644 --- a/src/styles/theme/loading.scss +++ b/src/styles/theme/loading.scss @@ -1,40 +1,38 @@ // FIXME: move to loading.vue -.loader-container { - &.is-loading { - position: relative; - pointer-events: none; - opacity: 0.5; +.loader-container.is-loading { + position: relative; + pointer-events: none; + opacity: 0.5; - &::after { - @include loader; - position: absolute; - top: calc(50% - 2.5rem); - left: calc(50% - 2.5rem); - width: 5rem; - height: 5rem; - border-width: 0.25rem; - } - } + &::after { + @include loader; + position: absolute; + top: calc(50% - 2.5rem); + left: calc(50% - 2.5rem); + width: 5rem; + height: 5rem; + border-width: 0.25rem; + } - &.is-loading-small.is-loading::after { - width: 1.5rem; - height: 1.5rem; - top: calc(50% - .75rem); - left: calc(50% - .75rem); - border-width: 2px; - } + &.is-loading-small::after { + width: 1.5rem; + height: 1.5rem; + top: calc(50% - .75rem); + left: calc(50% - .75rem); + border-width: 2px; + } } // FIXME: move to ShowTasks.vue .spinner.is-loading { - pointer-events: none; + pointer-events: none; - &::after { - @include loader; - width: 2rem; - height: 2rem; - margin-left: calc(50% - 1rem); - margin-top: 1rem; - border-width: 0.25rem; - } + &::after { + @include loader; + width: 2rem; + height: 2rem; + margin-left: calc(50% - 1rem); + margin-top: 1rem; + border-width: 0.25rem; + } } \ No newline at end of file