Add notice to a list if it has no tasks
This commit is contained in:
parent
6a4164513f
commit
5455c28d56
2 changed files with 10 additions and 0 deletions
|
@ -146,3 +146,9 @@
|
|||
.list-namespace-title {
|
||||
color: $grey;
|
||||
}
|
||||
|
||||
.list-is-empty-notice {
|
||||
text-align: center;
|
||||
color: $grey;
|
||||
font-style: italic;
|
||||
}
|
||||
|
|
|
@ -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}">
|
||||
|
|
Loading…
Reference in a new issue