Don't show the list color in the list view

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', () => {

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) {

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"