Add notice to a list if it has no tasks

2020-07-04 19:12:15 +02:00 · 2020-07-04 19:12:15 +02:00 · 5455c28d56
parent 6a4164513f
commit 5455c28d56
2 changed files with 10 additions and 0 deletions
--- a/src/styles/components/list.scss
+++ b/src/styles/components/list.scss
@ -146,3 +146,9 @@
 .list-namespace-title {
  color: $grey;
 }
+
+.list-is-empty-notice {
+  text-align: center;
+  color: $grey;
+  font-style: italic;
+}
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@ -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}">