From 95fc699190d9b7a4106dca9610ff2f2057b1fa9d Mon Sep 17 00:00:00 2001 From: Julian Leucker <leuckerj@gmail.com> Date: Sat, 9 Jul 2022 17:07:29 +0200 Subject: [PATCH] Explain personal note add button with tooltip --- .../vue/components/alsijil/PersonalNotes.js | 31 +++++++++++-------- 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js index 026d1e2f6..bc42ce6ea 100644 --- a/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js +++ b/aleksis/apps/alsijil/static/js/vue/components/alsijil/PersonalNotes.js @@ -175,19 +175,24 @@ export default { </v-chip> </template> </div> - <v-btn - class="ma-1" - color="primary" - icon - outlined - v-bind="attrs" - v-on="on" - @click="createPersonalNote" - > - <v-icon> - mdi-plus - </v-icon> - </v-btn> + <v-tooltip bottom> + <template v-slot:activator="{ on, attrs }"> + <v-btn + class="ma-1" + color="primary" + icon + outlined + v-bind="attrs" + v-on="on" + @click="createPersonalNote" + > + <v-icon> + mdi-plus + </v-icon> + </v-btn> + </template> + <span v-text="$root.django.gettext('Add personal note')"></span> + </v-tooltip> </template> <v-card> <v-card-title> -- GitLab