vikunja
/
frontend
Archived
6
39
Fork 49
Code Issues 1 Pull Requests 4 Projects Releases 26 Activity

chore: simplify loader css
continuous-integration/drone/pr Build is passing Details

This commit is contained in:
kolaente 2021-11-10 20:11:17 +01:00
parent ab4ef96fef
commit 06b2632fb5
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 29 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
src/styles/theme/loading.scss
View File

@ -1,40 +1,38 @@
// FIXME: move to loading.vue // FIXME: move to loading.vue
.loader-container { .loader-container.is-loading {
&.is-loading { position: relative;
position: relative; pointer-events: none;
pointer-events: none; opacity: 0.5;
opacity: 0.5;
&::after { &::after {
@include loader; @include loader;
position: absolute; position: absolute;
top: calc(50% - 2.5rem); top: calc(50% - 2.5rem);
left: calc(50% - 2.5rem); left: calc(50% - 2.5rem);
width: 5rem; width: 5rem;
height: 5rem; height: 5rem;
border-width: 0.25rem; border-width: 0.25rem;
} }
}
&.is-loading-small.is-loading::after { &.is-loading-small::after {
width: 1.5rem; width: 1.5rem;
height: 1.5rem; height: 1.5rem;
top: calc(50% - .75rem); top: calc(50% - .75rem);
left: calc(50% - .75rem); left: calc(50% - .75rem);
border-width: 2px; border-width: 2px;
} }
} }
// FIXME: move to ShowTasks.vue // FIXME: move to ShowTasks.vue
.spinner.is-loading { .spinner.is-loading {
pointer-events: none; pointer-events: none;
&::after { &::after {
@include loader; @include loader;
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
margin-left: calc(50% - 1rem); margin-left: calc(50% - 1rem);
margin-top: 1rem; margin-top: 1rem;
border-width: 0.25rem; border-width: 0.25rem;
} }
} }