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

Prevent wrapping text being visible while editing card header

Browse Source 
Also: address errors thrown by linter

Signed-off-by: Gary Kim <gary@garykim.dev>
This commit is contained in:
Gary Kim
2019-09-17 19:20:01 +08:00
parent 1d4fe31155
commit fd406a0adb
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -29,9 +29,11 @@
@click.self="openCard">
<div class="card-upper">
<h3 v-if="showArchived">{{ card.title }}</h3>
<h3 v-else @click.stop="startEditing(card)">{{ card.title }}</h3>
<h3 v-else-if="!editing" @click.stop="startEditing(card)">{{ card.title }}</h3>
<h3 v-else>editing</h3>
<transition name="fade" mode="out-in">
<form v-if="editing" v-click-outside="cancelEdit" @keyup.esc="cancelEdit" @submit.prevent="finishedEdit(card)">
<form v-click-outside="cancelEdit" v-if="editing" @keyup.esc="cancelEdit"
@submit.prevent="finishedEdit(card)">
<input v-model="copiedCard.title" type="text" autofocus>
<input type="button" class="icon-confirm" @click="finishedEdit(card)">
</form>