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

add tooltip to fab (#497)

Browse source
This commit is contained in:
wengtad 2021-06-12 14:59:14 +08:00 • committed by GitHub
parent e8c0a76051
commit 1209bf4b80
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 68 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/src/components/Recipe/ContextMenu.vue
View file

@ -17,10 +17,24 @@
:nudge-top="menuTop ? '5' : '0'"
allow-overflow
>
<template v-slot:activator="{ on, attrs }">
<v-btn :fab="fab" :small="fab" :color="color" :icon="!fab" dark v-bind="attrs" v-on="on" @click.prevent>
<v-icon>{{ menuIcon }}</v-icon>
</v-btn>
<template v-slot:activator="{ on: onMenu, attrs: attrsMenu }">
<v-tooltip bottom dark :color="color">
<template v-slot:activator="{ on: onTooltip, attrs: attrsTooltip }">
<v-btn
:fab="fab"
:small="fab"
:color="color"
:icon="!fab"
dark
v-bind="{ ...attrsMenu, ...attrsTooltip }"
v-on="{ ...onMenu, ...onTooltip }"
@click.prevent
>
<v-icon>{{ menuIcon }}</v-icon>
</v-btn>
</template>
<span>{{ $t("general.more") }}</span>
</v-tooltip>
</template>
<v-list dense>
<v-list-item
@ -142,7 +156,7 @@ export default {
url: this.recipeURL,
})
.then(() => console.log("Successful share"))
.catch((error) => {
.catch(error => {
console.log("WebShareAPI not supported", error);
this.updateClipboard();
});