Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-25 08:09:41 +02:00
Code Issues Releases Activity

fix: Shopping List Label Text Color (#4302)

Browse source
This commit is contained in:
Michael Genson 2024-10-01 10:47:51 -05:00 • committed by GitHub
parent f1d56cad9c
commit 3d1b08779b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 52 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

12
frontend/pages/shopping-lists/_id.vue
View file

@ -58,7 +58,15 @@
<div v-else>
<div v-for="(value, key) in itemsByLabel" :key="key" class="mb-6">
<div class="text-left">
<v-btn :color="getLabelColor(value[0]) ? getLabelColor(value[0]) : '#959595'">{{ key }}</v-btn>
<v-btn
:color="getLabelColor(value[0]) ? getLabelColor(value[0]) : '#959595'"
:style="{
'color': getTextColor(getLabelColor(value[0])),
'letter-spacing': 'normal',
}"
>
{{ key }}
</v-btn>
</div>
<v-divider/>
<draggable :value="value" handle=".handle" delay="250" :delay-on-touch-only="true" @start="loadingCounter += 1" @end="loadingCounter -= 1" @input="updateIndexUncheckedByLabel(key, $event)">
@ -298,6 +306,7 @@ import ShoppingListItemEditor from "~/components/Domain/ShoppingList/ShoppingLis
import { useFoodStore, useLabelStore, useUnitStore } from "~/composables/store";
import { useShoppingListItemActions } from "~/composables/use-shopping-list-item-actions";
import { useShoppingListPreferences } from "~/composables/use-users/preferences";
import { getTextColor } from "~/composables/use-text-color";
import { uuid4 } from "~/composables/use-utils";
type CopyTypes = "plain" | "markdown";
@ -1085,6 +1094,7 @@ export default defineComponent({
allUsers,
currentUserId,
updateSettings,
getTextColor,
};
},
head() {