ami/tl-vikunja
1
0
Fork 0
Code Activity

Hide task elements while the task is loading

Browse Source
This commit is contained in:
kolaente
2021-01-21 20:20:51 +01:00
parent a8ada57e81
commit 0d34d01689
3 changed files with 26 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/styles/components/task.scss
View File

@ -200,7 +200,24 @@
}
.task-view-container {
padding-bottom: 1em;
padding-bottom: 1rem;
.task-view * {
opacity: 0;
transition: opacity 50ms ease;
}
&.is-loading {
opacity: 1;
.task-view * {
opacity: 0;
}
}
&.visible:not(.is-loading) .task-view * {
opacity: 1;
}
}
.is-done {

3
src/styles/theme/variables.scss
View File

@ -31,7 +31,8 @@ $vikunja-nav-background: $light-background;
$vikunja-nav-color: lighten($black, 25);
$vikunja-nav-selected-width: 0.4em;
$transition: 150ms ease;
$transition-duration: 150ms;
$transition: $transition-duration ease;
$multiselect-primary: $green;
$multiselect-dark: #35495e;