ahtlon/deck
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

active is highlighted

Browse Source 
Signed-off-by: Jakob <jakob.roehrl@web.de>
This commit is contained in:
Jakob
2019-08-29 10:49:37 +02:00
parent 493eee601b
commit d08bd23578
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/cards/CardItem.vue
View File

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