Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-03 18:53:17 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: make only checkbox reactive (#5739)

Browse Source 
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
Mario Džoić
2025-07-28 15:09:00 +02:00
committed by GitHub
parent 066cd13e13
commit f8cb80ed7f
1 changed files with 20 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
frontend/components/Domain/ShoppingList/ShoppingListItem.vue
View File

@@ -8,24 +8,26 @@
class="flex-nowrap align-center" class="flex-nowrap align-center"
> >
<v-col :cols="itemLabelCols"> <v-col :cols="itemLabelCols">
<v-checkbox <div class="d-flex align-center flex-nowrap">
v-model="listItem.checked" <v-checkbox
class="mt-0" v-model="listItem.checked"
color="null" hide-details
hide-details density="compact"
density="compact" class="mt-0"
:label="listItem.note!" color="null"
@change="$emit('checked', listItem)" @change="$emit('checked', listItem)"
> />
<template #label> <div
<div :class="listItem.checked ? 'strike-through' : ''"> class="ml-2 text-truncate"
<RecipeIngredientListItem :class="listItem.checked ? 'strike-through' : ''"
:ingredient="listItem" style="min-width: 0;"
:disable-amount="!(listItem.isFood || listItem.quantity !== 1)" >
/> <RecipeIngredientListItem
</div> :ingredient="listItem"
</template> :disable-amount="!(listItem.isFood || listItem.quantity !== 1)"
</v-checkbox> />
</div>
</div>
</v-col> </v-col>
<v-spacer /> <v-spacer />
<v-col <v-col