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

fix: More fitting click target for title editing

Browse Source 
Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl
2023-11-12 01:09:44 +01:00
parent f24123c686
commit bd122b0d74
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

@@ -44,9 +44,8 @@
tabindex="0" tabindex="0"
class="editable" class="editable"
:aria-label="t('deck', 'Edit card title')" :aria-label="t('deck', 'Edit card title')"
@click.stop="startEditing(card)"
@keydown.enter.stop.prevent="startEditing(card)"> @keydown.enter.stop.prevent="startEditing(card)">
{{ card.title }} <span @click.stop="startEditing(card)">{{ card.title }}</span>
</h3> </h3>
<form v-else-if="editing" <form v-else-if="editing"
v-click-outside="cancelEdit" v-click-outside="cancelEdit"
@@ -299,7 +298,9 @@ export default {
padding-left: 4px; padding-left: 4px;
align-self: center; align-self: center;
&.editable { &.editable {
cursor: text; span {
cursor: text;
}
&:focus { &:focus {
outline: 2px solid var(--color-border-dark); outline: 2px solid var(--color-border-dark);