local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Add notice to a list if it has no tasks

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/styles/components/list.scss
View file

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

4
src/views/list/views/List.vue
View file

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