github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 06:23:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 17

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
commit f8cb80ed7f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 20 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

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