Add notice to a list if it has no tasks

This commit is contained in:
kolaente 2020-07-04 19:12:15 +02:00
parent 6a4164513f
commit 5455c28d56
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 10 additions and 0 deletions

View file

@ -146,3 +146,9 @@
.list-namespace-title {
color: $grey;
}
.list-is-empty-notice {
text-align: center;
color: $grey;
font-style: italic;
}

View file

@ -77,6 +77,10 @@
</p>
</div>
<p v-if="tasks.length === 0" class="list-is-empty-notice">
This list is currently empty.
</p>
<div class="columns">
<div class="column">
<div class="tasks" v-if="tasks && tasks.length > 0" :class="{'short': isTaskEdit}">