From 4ee4b7d0cbbd03e63ce6ce944351e3e884df728f Mon Sep 17 00:00:00 2001
From: Boubaker Khanfir <boubaker.khanfir@exoplatform.com>
Date: Mon, 9 Dec 2024 14:48:18 +0100
Subject: [PATCH] feat: Enhance Topbar Buttons Tooltips - MEED-7848 -
 Meeds-io/meeds#2644 (#369)

This change will update the icon size and use FA instead of MDI font icon.
---
 .../main/webapp/WEB-INF/jsp/appCenter/appLauncher.jsp    | 9 ++++++---
 .../appLauncher/components/AppLauncherDrawer.vue         | 4 ++--
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app-center-webapps/src/main/webapp/WEB-INF/jsp/appCenter/appLauncher.jsp b/app-center-webapps/src/main/webapp/WEB-INF/jsp/appCenter/appLauncher.jsp
index d1a1a0293..bc360271c 100644
--- a/app-center-webapps/src/main/webapp/WEB-INF/jsp/appCenter/appLauncher.jsp
+++ b/app-center-webapps/src/main/webapp/WEB-INF/jsp/appCenter/appLauncher.jsp
@@ -24,11 +24,14 @@
           <button
             type="button"
             title="<%=tooltip%>"
-            class="text-xs-center v-btn v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
+            class="v-btn v-btn--flat v-btn--icon v-btn--round theme--light v-size--default"
             id="appcenterLauncherButton"
             onclick="Vue.startApp('SHARED/appLauncherBundle', 'init', <%=isAdmin%>)">
-            <span class="v-btn__content"><i aria-hidden="true"
-              class="v-icon notranslate appCenterLauncherButtonIcon mdi mdi-dots-grid icon-large-size icon-default-color theme--light"></i></span>
+            <span class="v-btn__content">
+              <i aria-hidden="true"
+                class="v-icon notranslate appCenterLauncherButtonIcon icon-default-color fa fa-th theme--light"
+                style="font-size: 20px;"></i>
+            </span>
           </button>
         </div>
       </div>
diff --git a/app-center-webapps/src/main/webapp/vue-apps/appLauncher/components/AppLauncherDrawer.vue b/app-center-webapps/src/main/webapp/vue-apps/appLauncher/components/AppLauncherDrawer.vue
index eedbd9ff3..08a8030c7 100644
--- a/app-center-webapps/src/main/webapp/vue-apps/appLauncher/components/AppLauncherDrawer.vue
+++ b/app-center-webapps/src/main/webapp/vue-apps/appLauncher/components/AppLauncherDrawer.vue
@@ -24,8 +24,8 @@ Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
           icon
           class="text-xs-center"
           @click="toggleDrawer()">
-          <v-icon class="appCenterLauncherButtonIcon icon-large-size icon-default-color">
-            mdi-dots-grid
+          <v-icon class="appCenterLauncherButtonIcon" size="20">
+            fa-th
           </v-icon>
         </v-btn>
       </v-layout>