Merge pull request #26 from thomasKn/thomas/fv-234-mobile-menu-subnav

Update mobile menu sub nav trigger animation
frontvibe · Feb 2, 2024 · 5040603 · 5040603
2 parents 51526f7 + 4c51e3c
commit 5040603
Showing 1 changed file with 14 additions and 5 deletions.
diff --git 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>
 ));