From d08bd23578ea4c05e27d3744094ee8f6e07ad356 Mon Sep 17 00:00:00 2001
From: Jakob <jakob.roehrl@web.de>
Date: Thu, 29 Aug 2019 10:49:37 +0200
Subject: [PATCH] active is highlighted

Signed-off-by: Jakob <jakob.roehrl@web.de>
---
 src/components/cards/CardItem.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index 653d8d967..ea66d5436 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -21,7 +21,7 @@
   -->
 
 <template>
-	<div :class="{'compact': compactMode}" tag="div" class="card"
+	<div :class="{'compact': compactMode, 'current-card': currentCard}" tag="div" class="card"
 		@click.self="openCard">
 		<div class="card-upper">
 			<h3 @click.stop="startEditing(card)">{{ card.title }}</h3>
@@ -98,6 +98,9 @@ export default {
 					color: this.textColor(label.color)
 				}
 			}
+		},
+		currentCard() {
+			return this.$route.params.cardId === this.id
 		}
 	},
 	methods: {
@@ -148,6 +151,10 @@ export default {
 		opacity: 0;
 	}
 
+	.current-card {
+		box-shadow: 0 0 3px 0 grey !important;
+	}
+
 	.card {
 		box-shadow: 0 0 3px 0 var(--color-box-shadow);
 		border-radius: 3px;