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

Fix click event target for opening the card

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2019-08-12 10:26:03 +02:00
parent 65952acfdb
commit 2d35d90999
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -22,7 +22,7 @@
<template> <template>
<div :class="{'compact': compactMode}" tag="div" class="card" <div :class="{'compact': compactMode}" tag="div" class="card"
@click="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>
<transition name="fade" mode="out-in"> <transition name="fade" mode="out-in">
@@ -31,8 +31,8 @@
<input type="button" class="icon-confirm" @click="finishedEdit(card)"> <input type="button" class="icon-confirm" @click="finishedEdit(card)">
</form> </form>
<Actions> <Actions @click.stop.prevent>
<ActionButton icon="icon-archive-dark" @click="assignCardToMe()">{{ t('deck', 'Assign to me') }}</ActionButton> <ActionButton icon="icon-user" @click="assignCardToMe()">{{ t('deck', 'Assign to me') }}</ActionButton>
<ActionButton icon="icon-archive" @click="archiveUnarchiveCard()">{{ t('deck', (showArchived ? 'Unarchive card' : 'Archive card')) }}</ActionButton> <ActionButton icon="icon-archive" @click="archiveUnarchiveCard()">{{ t('deck', (showArchived ? 'Unarchive card' : 'Archive card')) }}</ActionButton>
<ActionButton icon="icon-delete" @click="deleteCard()">{{ t('deck', 'Delete card') }}</ActionButton> <ActionButton icon="icon-delete" @click="deleteCard()">{{ t('deck', 'Delete card') }}</ActionButton>
<ActionButton icon="icon-settings-dark" @click="setCurrentCard()">{{ t('deck', 'Card details') }}</ActionButton> <ActionButton icon="icon-settings-dark" @click="setCurrentCard()">{{ t('deck', 'Card details') }}</ActionButton>
@@ -40,10 +40,10 @@
</transition> </transition>
</div> </div>
<ul class="labels"> <ul class="labels" @click="openCard">
<li v-for="label in card.labels" :key="label.id" :style="labelStyle(label)"><span>{{ label.title }}</span></li> <li v-for="label in card.labels" :key="label.id" :style="labelStyle(label)"><span>{{ label.title }}</span></li>
</ul> </ul>
<div v-show="!compactMode" class="card-controls compact-item"> <div v-show="!compactMode" @click="openCard" class="card-controls compact-item">
<card-badges :id="id" /> <card-badges :id="id" />
</div> </div>
</div> </div>
@@ -168,8 +168,9 @@ export default {
display: flex; display: flex;
padding: 5px 7px; padding: 5px 7px;
position: absolute; position: absolute;
width: calc(100% - 14px);
input[type=text] { input[type=text] {
width: 100%; flex-grow: 1;
} }
} }