From 074b7e53f5e509999fcab29f88f75110cc65b976 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 20 Feb 2021 15:54:12 +0100
Subject: [PATCH] Don't show the list color in the list view

---
 cypress/integration/list/list.spec.js             | 15 +++++++++++++++
 .../tasks/partials/singleTaskInList.vue           |  7 ++++++-
 src/views/list/views/List.vue                     |  1 +
 3 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/cypress/integration/list/list.spec.js b/cypress/integration/list/list.spec.js
index c4c3ba572..815eb2ac8 100644
--- a/cypress/integration/list/list.spec.js
+++ b/cypress/integration/list/list.spec.js
@@ -102,6 +102,21 @@ describe('Lists', () => {
 			cy.get('input.input[placeholder="Add a new task..."')
 				.should('not.exist')
 		})
+
+		it('Should only show the color of a list in the navigation and not in the list view', () => {
+			const lists = ListFactory.create(1, {
+				hex_color: '00db60',
+			})
+			TaskFactory.create(10, {
+				list_id: lists[0].id,
+			})
+			cy.visit(`/lists/${lists[0].id}/`)
+
+			cy.get('.menu-list li .list-menu-link .color-bubble')
+				.should('have.css', 'background-color', 'rgb(0, 219, 96)')
+			cy.get('.tasks-container .tasks .color-bubble')
+				.should('not.exist')
+		})
 	})
 
 	describe('Table View', () => {
diff --git a/src/components/tasks/partials/singleTaskInList.vue b/src/components/tasks/partials/singleTaskInList.vue
index aa02baf8a..a0b987f3c 100644
--- a/src/components/tasks/partials/singleTaskInList.vue
+++ b/src/components/tasks/partials/singleTaskInList.vue
@@ -2,9 +2,10 @@
 	<div :class="{'is-loading': taskService.loading}" class="task loader-container">
 		<fancycheckbox :disabled="isArchived || disabled" @change="markAsDone" v-model="task.done"/>
 		<span
+			v-if="showListColor && listColor !== ''"
 			:style="{backgroundColor: listColor }"
 			class="color-bubble"
-			v-if="listColor !== ''">
+		>
 		</span>
 		<router-link
 			:to="{ name: taskDetailRoute, params: { id: task.id } }"
@@ -131,6 +132,10 @@ export default {
 			type: Boolean,
 			default: false,
 		},
+		showListColor: {
+			type: Boolean,
+			default: true,
+		}
 	},
 	watch: {
 		theTask(newVal) {
diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index 9dd5957a0..36c77e94c 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -92,6 +92,7 @@
 			<div class="tasks-container">
 				<div :class="{'short': isTaskEdit}" class="tasks mt-0" v-if="tasks && tasks.length > 0">
 					<single-task-in-list
+						:show-list-color="false"
 						:disabled="!canWrite"
 						:key="t.id"
 						:the-task="t"