From 5455c28d56696f84cfe0223ae9cdb5e8a5322469 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 4 Jul 2020 19:12:15 +0200
Subject: [PATCH] Add notice to a list if it has no tasks

---
 src/styles/components/list.scss | 6 ++++++
 src/views/list/views/List.vue   | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/src/styles/components/list.scss b/src/styles/components/list.scss
index cb470bcf..66faa78a 100644
--- 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;
+}
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index c161c4c3..81718665 100644
--- 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}">