From 67f9981ea05ae728c591508823af139bf4e2d49b Mon Sep 17 00:00:00 2001
From: Petr Kachanovsky <pkachanovsky@devforth.io>
Date: Wed, 22 Jan 2025 11:24:00 +0200
Subject: [PATCH] fix: add ellipsis to menu items

---
 adminforth/spa/src/components/MenuLink.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/adminforth/spa/src/components/MenuLink.vue b/adminforth/spa/src/components/MenuLink.vue
index e0ff87d3..e530b439 100644
--- a/adminforth/spa/src/components/MenuLink.vue
+++ b/adminforth/spa/src/components/MenuLink.vue
@@ -11,7 +11,7 @@
       }"
   >
     <component v-if="item.icon" :is="getIcon(item.icon)" class="w-5 h-5 text-lightSidebarIcons dark:text-darkSidebarIcons  transition duration-75  group-hover:text-lightSidebarIconsHover dark:group-hover:text-darkSidebarIconsHover" ></component>
-    <span class="ms-3">{{ item.label }}</span>
+    <span class="text-ellipsis overflow-hidden ms-3">{{ item.label }}</span>
     <span v-if="item.badge" class="inline-flex items-center justify-center h-3 py-3 px-1 ms-3 text-sm font-medium rounded-full bg-lightAnnouncementBG dark:bg-darkAnnouncementBG 
           fill-lightAnnouncementText dark:fill-darkAccent text-lightAnnouncementText dark:text-darkAccent min-w-[1.5rem] max-w-[3rem]"
     >