chore: simplify loader css
continuous-integration/drone/pr Build is passing
Details
continuous-integration/drone/pr Build is passing
Details
This commit is contained in:
parent
ab4ef96fef
commit
06b2632fb5
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
Reference in New Issue