From 925a1eb1d08aad89d6ae760d341bf76923349360 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 29 May 2025 10:03:05 +0800
Subject: [PATCH] add tooltip on announcements mark all read fab

---
 next-ui/src/pages/server/announcements.vue | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/next-ui/src/pages/server/announcements.vue b/next-ui/src/pages/server/announcements.vue
index e53c4865..d5dcd291 100644
--- a/next-ui/src/pages/server/announcements.vue
+++ b/next-ui/src/pages/server/announcements.vue
@@ -71,14 +71,25 @@
 
     <v-fab
       :active="unreadCount > 0"
-      color="success"
       location="bottom right"
       app
-      icon="mdi-check-all"
+      icon
       size="x-large"
       class="ms-n5"
       @click="markAllRead()"
-    />
+    >
+      <!--  Workaround for https://github.com/vuetifyjs/vuetify/issues/21439  -->
+      <v-btn
+        v-tooltip:start="$formatMessage({
+          description: 'Announcements view: mark all as read button tooltip',
+          defaultMessage: 'Mark all as read',
+          id: 'da/wb0'
+        })"
+        color="success"
+        size="x-large"
+        icon="mdi-check-all"
+      />
+    </v-fab>
   </template>
 </template>