Limit username text length in masthead

galaxyproject · Jun 28, 2024 · 9766387 · 9766387
1 parent 8d20256
commit 9766387
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/client/src/components/Masthead/MastheadDropdown.vue b/client/src/components/Masthead/MastheadDropdown.vue
@@ -2,6 +2,8 @@
 import { BDropdownItem, BNavItemDropdown, VBTooltipPlugin } from "bootstrap-vue";
 import Vue, { ref } from "vue";
 
+import TextShort from "@/components/Common/TextShort.vue";
+
 Vue.use(VBTooltipPlugin);
 
 const dropdown = ref(null);
@@ -34,7 +36,7 @@ defineProps({
         <template v-if="icon" v-slot:button-content>
             <span class="sr-only">{{ tooltip || id }}</span>
             <span class="fa fa-fw" :class="icon" />
-            <span>{{ title }}</span>
+            <TextShort :text="title" />
         </template>
         <template>
             <BDropdownItem v-for="(item, idx) in menu" :key="idx" role="menuitem" @click="item.handler">