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

fix a bunch of tooltip placements

Browse source
This commit is contained in:
Michael Genson 2025-07-28 20:07:52 +00:00
commit f498253578
12 changed files with 13 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/components/Domain/Recipe/RecipeActionMenu.vue
View file

@ -17,7 +17,7 @@
<RecipeFavoriteBadge v-if="loggedIn" color="info" button-style :recipe-id="recipe.id!" show-always /> <RecipeFavoriteBadge v-if="loggedIn" color="info" button-style :recipe-id="recipe.id!" show-always />
<RecipeTimelineBadge v-if="loggedIn" class="ml-1" color="info" button-style :slug="recipe.slug" :recipe-name="recipe.name!" /> <RecipeTimelineBadge v-if="loggedIn" class="ml-1" color="info" button-style :slug="recipe.slug" :recipe-name="recipe.name!" />
<div v-if="loggedIn"> <div v-if="loggedIn">
<v-tooltip v-if="canEdit" bottom color="info"> <v-tooltip v-if="canEdit" location="bottom" color="info">
<template #activator="{ props }"> <template #activator="{ props }">
<v-btn <v-btn
icon icon

2
frontend/components/Domain/Recipe/RecipeAssets.vue
View file

@ -15,7 +15,7 @@
> >
<template #prepend> <template #prepend>
<div class="ma-auto"> <div class="ma-auto">
<v-tooltip bottom> <v-tooltip location="bottom">
<template #activator="{ props: tooltipProps }"> <template #activator="{ props: tooltipProps }">
<v-icon v-bind="tooltipProps"> <v-icon v-bind="tooltipProps">
{{ getIconDefinition(item.icon).icon }} {{ getIconDefinition(item.icon).icon }}

2
frontend/components/Domain/Recipe/RecipeLastMade.vue
View file

@ -86,7 +86,7 @@
<div> <div>
<div v-if="lastMadeReady" class="d-flex justify-center flex-wrap"> <div v-if="lastMadeReady" class="d-flex justify-center flex-wrap">
<v-row no-gutters class="d-flex flex-wrap align-center" style="font-size: larger"> <v-row no-gutters class="d-flex flex-wrap align-center" style="font-size: larger">
<v-tooltip bottom> <v-tooltip location="bottom">
<template #activator="{ props }"> <template #activator="{ props }">
<v-btn <v-btn
rounded rounded

2
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
View file

@ -42,7 +42,7 @@
/> />
<div class="d-flex flex-wrap justify-center justify-sm-end mt-3"> <div class="d-flex flex-wrap justify-center justify-sm-end mt-3">
<v-tooltip <v-tooltip
top location="top"
color="accent" color="accent"
> >
<template #activator="{ props }"> <template #activator="{ props }">

4
frontend/components/Domain/Recipe/RecipeScaleEditButton.vue
View file

@ -14,7 +14,7 @@
<v-tooltip <v-tooltip
v-if="canEditScale" v-if="canEditScale"
size="small" size="small"
top location="top"
color="secondary-darken-1" color="secondary-darken-1"
> >
<template #activator="{ props: tooltipProps }"> <template #activator="{ props: tooltipProps }">
@ -74,7 +74,7 @@
@update:model-value="recalculateScale(parseFloat($event) || 0)" @update:model-value="recalculateScale(parseFloat($event) || 0)"
/> />
<v-tooltip <v-tooltip
end location="end"
color="secondary-darken-1" color="secondary-darken-1"
> >
<template #activator="{ props }"> <template #activator="{ props }">

2
frontend/components/Domain/Recipe/RecipeTimelineBadge.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<v-tooltip <v-tooltip
bottom location="bottom"
nudge-right="50" nudge-right="50"
:color="buttonStyle ? 'info' : 'secondary'" :color="buttonStyle ? 'info' : 'secondary'"
> >

2
frontend/components/Domain/ShoppingList/ShoppingListItem.vue
View file

@ -59,7 +59,7 @@
open-delay="200" open-delay="200"
transition="slide-x-reverse-transition" transition="slide-x-reverse-transition"
density="compact" density="compact"
right location="end"
content-class="text-caption" content-class="text-caption"
> >
<template #activator="{ props: tooltipProps }"> <template #activator="{ props: tooltipProps }">

2
frontend/components/Domain/User/UserAvatar.vue
View file

@ -2,7 +2,7 @@
<v-tooltip <v-tooltip
v-if="userId" v-if="userId"
:disabled="!user || !tooltip" :disabled="!user || !tooltip"
right location="end"
> >
<template #activator="{ props }"> <template #activator="{ props }">
<v-avatar <v-avatar

2
frontend/components/global/AppButtonCopy.vue
View file

@ -2,7 +2,7 @@
<v-tooltip <v-tooltip
ref="copyToolTip" ref="copyToolTip"
v-model="show" v-model="show"
top location="top"
:open-on-hover="false" :open-on-hover="false"
:open-on-click="true" :open-on-click="true"
close-delay="500" close-delay="500"

2
frontend/components/global/BaseButtonGroup.vue
View file

@ -48,7 +48,7 @@
open-delay="200" open-delay="200"
transition="slide-y-reverse-transition" transition="slide-y-reverse-transition"
density="compact" density="compact"
bottom location="bottom"
content-class="text-caption" content-class="text-caption"
> >
<template #activator="{ props }"> <template #activator="{ props }">

2
frontend/pages/admin/manage/groups/index.vue
View file

@ -60,7 +60,7 @@
</template> </template>
<template #[`item.actions`]="{ item }"> <template #[`item.actions`]="{ item }">
<v-tooltip <v-tooltip
bottom location="bottom"
:disabled="!(item && (item.households!.length > 0 || item.users!.length > 0))" :disabled="!(item && (item.households!.length > 0 || item.users!.length > 0))"
> >
<template #activator="{ props }"> <template #activator="{ props }">

2
frontend/pages/admin/manage/households/index.vue
View file

@ -82,7 +82,7 @@
</template> </template>
<template #[`item.actions`]="{ item }"> <template #[`item.actions`]="{ item }">
<v-tooltip <v-tooltip
bottom location="bottom"
:disabled="!(item && item.users!.length > 0)" :disabled="!(item && item.users!.length > 0)"
> >
<template #activator="{ props }"> <template #activator="{ props }">