From fd406a0adb43974bedf709275c701f8a935ca0de Mon Sep 17 00:00:00 2001
From: Gary Kim <gary@garykim.dev>
Date: Tue, 17 Sep 2019 19:20:01 +0800
Subject: [PATCH] Prevent wrapping text being visible while editing card header

Also: address errors thrown by linter

Signed-off-by: Gary Kim <gary@garykim.dev>
---
 src/components/cards/CardItem.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/cards/CardItem.vue b/src/components/cards/CardItem.vue
index a67ba1754..70a85a0ce 100644
--- a/src/components/cards/CardItem.vue
+++ b/src/components/cards/CardItem.vue
@@ -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>