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

Avoid issues with clicking in compact mode

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2020-10-13 09:57:48 +02:00
committed by backportbot[bot]
parent 568b099c17
commit ccbe2eaf94
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,9 +29,9 @@
<div :class="{'compact': compactMode, 'current-card': currentCard, 'has-labels': card.labels && card.labels.length > 0, 'is-editing': editing, 'card__editable': canEdit}" <div :class="{'compact': compactMode, 'current-card': currentCard, 'has-labels': card.labels && card.labels.length > 0, 'is-editing': editing, 'card__editable': canEdit}"
tag="div" tag="div"
class="card" class="card"
@click.self="openCard"> @click="openCard">
<div class="card-upper"> <div class="card-upper">
<h3 v-if="isArchived || showArchived || !canEdit"> <h3 v-if="compactMode || isArchived || showArchived || !canEdit">
{{ card.title }} {{ card.title }}
</h3> </h3>
<h3 v-else-if="!editing"> <h3 v-else-if="!editing">
@@ -41,6 +41,7 @@
<form v-if="editing" <form v-if="editing"
v-click-outside="cancelEdit" v-click-outside="cancelEdit"
class="dragDisabled" class="dragDisabled"
@click.stop
@keyup.esc="cancelEdit" @keyup.esc="cancelEdit"
@submit.prevent="finishedEdit(card)"> @submit.prevent="finishedEdit(card)">
<input v-model="copiedCard.title" <input v-model="copiedCard.title"
@@ -59,7 +60,7 @@
name="zoom" name="zoom"
tag="ul" tag="ul"
class="labels" class="labels"
@click="openCard"> @click.stop="openCard">
<li v-for="label in labelsSorted" :key="label.id" :style="labelStyle(label)"> <li v-for="label in labelsSorted" :key="label.id" :style="labelStyle(label)">
<span @click.stop="applyLabelFilter(label)">{{ label.title }}</span> <span @click.stop="applyLabelFilter(label)">{{ label.title }}</span>
</li> </li>