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.
Meeds-io · Dec 10, 2024 · 4ee4b7d · 4ee4b7d
1 parent f3c35bb
commit 4ee4b7d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 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
@@ -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
@@ -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>