Add tooltip to header notifications menu

webapp/components/NotificationMenu/NotificationMenu.vue

@@ -4,11 +4,27 @@
     class="notifications-menu"
     :to="{ name: 'notifications' }"
   >
-    <base-button icon="bell" ghost circle />
+    <base-button
+      icon="bell"
+      ghost
+      circle
+      v-tooltip="{
+        content: $t('notifications.headerMenuButton.tooltip'),
+        placement: 'bottom-start',
+      }"
+    />
   </nuxt-link>
   <dropdown v-else class="notifications-menu" offset="8" :placement="placement">
     <template #default="{ toggleMenu }">
-      <base-button @click="toggleMenu" ghost circle>
+      <base-button
+        ghost
+        circle
+        v-tooltip="{
+          content: $t('notifications.headerMenuButton.tooltip'),
+          placement: 'bottom-start',
+        }"
+        @click="toggleMenu"
+      >
         <counter-icon icon="bell" :count="unreadNotificationsCount" danger />
       </base-button>
     </template>

webapp/locales/de.json

@@ -651,6 +651,9 @@
       "unread": "Ungelesen"
     },
     "group": "Beschreibung",
+    "headerMenuButton": {
+      "tooltip": "Meine Benachrichtigungen"
+    },
     "markAllAsRead": "Markiere alle als gelesen",
     "pageLink": "Alle Benachrichtigungen",
     "post": "Beitrag oder Gruppe",

webapp/locales/en.json

@@ -651,6 +651,9 @@
       "unread": "Unread"
     },
     "group": "Description",
+    "headerMenuButton": {
+      "tooltip": "My notifications"
+    },
     "markAllAsRead": "Mark all as read",
     "pageLink": "All notifications",
     "post": "Post or Group",