From 7a997b52a65819a405f75b5913a0757445ba53db Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 26 Oct 2019 14:39:27 +0200
Subject: [PATCH] Fixed label edit still opening when deleting a label

---
 src/components/labels/ListLabels.vue | 12 ++++++++----
 src/styles/labels.scss               |  5 ++++-
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/labels/ListLabels.vue b/src/components/labels/ListLabels.vue
index 9fb44a12..4b2f1e29 100644
--- a/src/components/labels/ListLabels.vue
+++ b/src/components/labels/ListLabels.vue
@@ -7,11 +7,10 @@
 		</p>
 		<div class="columns">
 			<div class="labels-list column">
-				<a
+				<span
 					v-for="l in labels" :key="l.id"
 					class="tag"
 					:class="{'disabled': user.infos.id !== l.created_by.id}"
-					@click="editLabel(l)"
 					:style="{'background': l.hex_color, 'color': l.textColor}"
 				>
 					<span
@@ -19,10 +18,15 @@
 						v-tooltip.bottom="'You are not allowed to edit this label because you dont own it.'">
 						{{ l.title }}
 					</span>
-					<span v-else>{{ l.title }}</span>
+					<a
+						@click="editLabel(l)"
+						:style="{'color': l.textColor}"
+						v-else>
+						{{ l.title }}
+					</a>
 					<a class="delete is-small" @click="deleteLabel(l)" v-if="user.infos.id === l.created_by.id"></a>
 
-				</a>
+				</span>
 			</div>
 			<div class="column is-4" v-if="isLabelEdit">
 				<div class="card">
diff --git a/src/styles/labels.scss b/src/styles/labels.scss
index fe0d9082..e96109a9 100644
--- a/src/styles/labels.scss
+++ b/src/styles/labels.scss
@@ -9,7 +9,10 @@
 
     &.disabled{
       opacity: 0.7;
-      cursor: default;
+
+      &, a {
+        cursor: default;
+      }
     }
   }
 }
\ No newline at end of file