Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-05 05:25:26 +02:00
Code Issues Releases 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
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

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