From 4c51e3c2b650dfbe37c230d9ef3b75ecaf8f3b29 Mon Sep 17 00:00:00 2001
From: Thomas Cristina de Carvalho <thomas@frontvibe.com>
Date: Fri, 2 Feb 2024 18:41:50 -0500
Subject: [PATCH] Add text nowrap to mobile sub nav trigger

---
 app/components/ui/MobileNavigationMenu.tsx | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/components/ui/MobileNavigationMenu.tsx b/app/components/ui/MobileNavigationMenu.tsx
index 42e8ed3..b9f02dd 100644
--- a/app/components/ui/MobileNavigationMenu.tsx
+++ b/app/components/ui/MobileNavigationMenu.tsx
@@ -60,11 +60,20 @@ const MobileNavigationMenuTrigger = forwardRef<
         mobileNavigationMenuTriggerStyle(),
       )}
     >
-      <span className="group-data-[state=open]:order-last">{children}</span>
-      <IconChevron
-        className="group-data-[state=open]:size-7 group-data-[state=open]:rotate-180"
-        direction="right"
-      />
+      <span
+        className={cn(
+          'text-left group-data-[state=open]:overflow-hidden group-data-[state=open]:text-ellipsis',
+          'group-data-[state=open]:order-last group-data-[state=open]:text-nowrap',
+        )}
+      >
+        {children}
+      </span>
+      <span>
+        <IconChevron
+          className="group-data-[state=open]:size-7 group-data-[state=open]:rotate-180"
+          direction="right"
+        />
+      </span>
     </span>
   </NavigationMenuPrimitive.Trigger>
 ));