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