Fix icon handling, avoid reload when returning to home

galaxyproject · May 21, 2024 · bb78cd5 · bb78cd5
1 parent aa8718f
commit bb78cd5
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/client/src/components/Masthead/Masthead.vue b/client/src/components/Masthead/Masthead.vue
@@ -106,7 +106,7 @@ onMounted(() => {
                 id="analysis"
                 title="Tools and Current History"
                 icon="fa-home"
-                @click="openUrl('/', '_top')" />
+                @click="openUrl('/')" />
             <MastheadItem v-if="windowTab" :id="windowTab.id" :title="windowTab.title" :icon="windowTab.icon" :toggle="windowToggle" @click="onWindowToggle" />
             <MastheadItem
                 v-for="(tab, idx) in extensionTabs"

diff --git a/client/src/components/Masthead/MastheadItem.vue b/client/src/components/Masthead/MastheadItem.vue
@@ -44,13 +44,13 @@ const props = defineProps({
         v-b-tooltip.hover.bottom
         :href="withPrefix(url)"
         :target="target || '_parent'"
-        :link-classes="linkClasses"
+        link-classes="nav-icon"
         :title="tooltip"
         @click="$emit('click')">
         <template v-if="icon">
             <!-- If this is an icon-based tab, inject tooltip directly for screen readers -->
             <span class="sr-only">{{ tooltip || id }}</span>
-            <span :class="`fa ${icon}`" />
+            <span :class="`fa fa-fw ${icon}`" />
             <span v-if="toggle" class="nav-note fa fa-check" />
         </template>
         <template v-else>