Add tooltip to the bottom tabbar

Signed-off-by: Jimmy Tanagra <jcode@tanagra.id.au>
jimtng · Feb 24, 2024 · e841264 · e841264
1 parent fc48802
commit e841264
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue b/bundles/org.openhab.ui/web/src/pages/addons/addons-store.vue
@@ -12,8 +12,8 @@
       </f7-nav-right>
     </f7-navbar>
     <f7-toolbar v-if="$f7.width < 1024" tabbar bottom>
-      <f7-link tab-link :tab-link-active="$store.state.pagePath === '/addons/'" href="/addons/" icon-ios="f7:bag_fill" icon-aurora="f7:bag_fill" icon-md="material:shopping_bag" />
-      <f7-link v-for="section in Object.keys(AddonTitles)" :key="section" tab-link :tab-link-active="$store.state.pagePath === `/addons/${section}/`" :href="`/addons/${section}`" :icon-ios="`f7:${AddonIcons[section]}`" :icon-aurora="`f7:${AddonIcons[section]}`" :icon-md="`f7:${AddonIcons[section]}`" />
+      <f7-link tab-link :tab-link-active="$store.state.pagePath === '/addons/'" href="/addons/" icon-ios="f7:bag_fill" icon-aurora="f7:bag_fill" icon-md="material:shopping_bag" tooltip="Add-on Store" />
+      <f7-link v-for="section in Object.keys(AddonTitles)" :key="section" tab-link :tab-link-active="$store.state.pagePath === `/addons/${section}/`" :href="`/addons/${section}`" :icon-ios="`f7:${AddonIcons[section]}`" :icon-aurora="`f7:${AddonIcons[section]}`" :icon-md="`f7:${AddonIcons[section]}`" :tooltip="AddonTitles[section]" />
     </f7-toolbar>
 
     <f7-block class="no-padding" style="margin-top: 0">