fix: add touch support for mealplanner delete (#1298)

* add touch support for mealplanner delete

* remove click.stop
This commit is contained in:
Hayden 2022-05-26 19:31:54 -08:00 committed by GitHub
parent 78a8204b58
commit a96f94a149
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -95,6 +95,7 @@
<template v-if="edit"> <template v-if="edit">
<draggable <draggable
tag="div" tag="div"
handle=".handle"
:value="plan.meals" :value="plan.meals"
group="meals" group="meals"
:data-index="index" :data-index="index"
@ -102,7 +103,7 @@
style="min-height: 150px" style="min-height: 150px"
@end="onMoveCallback" @end="onMoveCallback"
> >
<v-card v-for="mealplan in plan.meals" :key="mealplan.id" v-model="hover[mealplan.id]" class="my-1"> <v-card v-for="mealplan in plan.meals" :key="mealplan.id" v-model="hover[mealplan.id]" class="my-1 handle">
<v-list-item :to="edit || !mealplan.recipe ? null : `/recipe/${mealplan.recipe.slug}`"> <v-list-item :to="edit || !mealplan.recipe ? null : `/recipe/${mealplan.recipe.slug}`">
<v-list-item-avatar :rounded="false"> <v-list-item-avatar :rounded="false">
<RecipeCardImage <RecipeCardImage
@ -147,7 +148,7 @@
</v-list> </v-list>
</v-menu> </v-menu>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn small icon @touchstart.stop @click="actions.deleteOne(mealplan.id)"> <v-btn small icon @click="actions.deleteOne(mealplan.id)">
<v-icon>{{ $globals.icons.delete }}</v-icon> <v-icon>{{ $globals.icons.delete }}</v-icon>
</v-btn> </v-btn>
</div> </div>