Merge pull request #22599 from overleaf/td-ds-nav-chevron

Hide nav dropdown chevron icon in welcome page

GitOrigin-RevId: df631c2ea13da79be8496b8cfa425e9340894af3

services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx

@@ -31,7 +31,9 @@ export default function NavDropdownMenu({
     >
       <Dropdown.Toggle role="menuitem">
         {title}
-        {isDsNav && <Caret weight="bold" className="ms-2" />}
+        {isDsNav && (
+          <Caret weight="bold" className="ms-2 navbar-dropdown-caret" />
+        )}
       </Dropdown.Toggle>
       <Dropdown.Menu as="ul" role="menu" align="end">
         {children}

services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss

@@ -310,4 +310,9 @@
       @include body-xs;
     }
   }
+
+  // Only show the dropdown caret icon in the DS nav version of the project dashboard
+  .navbar-dropdown-caret {
+    display: unset;
+  }
 }

services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss

@@ -775,3 +775,8 @@ form.project-search {
     inset: 0;
   }
 }
+
+// Hide expander caret icon by default so that it only ever appears in the DS nav version of the project dashboard
+.navbar-dropdown-caret {
+  display: none;
+}