From 107fe412a6a99f77fc34e7bedb5e6eca97d6f464 Mon Sep 17 00:00:00 2001
From: Revanshu Paliwal <revanshu.paliwal@sonarsource.com>
Date: Mon, 18 Mar 2024 15:06:18 +0100
Subject: [PATCH] SONAR-21718 Fixing branch or pull request name overflowing
 out of the dropdown issue

---
 .../components/nav/component/branch-like/CurrentBranchLike.tsx  | 2 +-
 .../js/app/components/nav/component/branch-like/MenuItem.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/server/sonar-web/src/main/js/app/components/nav/component/branch-like/CurrentBranchLike.tsx b/server/sonar-web/src/main/js/app/components/nav/component/branch-like/CurrentBranchLike.tsx
index 61b7ef285a1..d154102a747 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/branch-like/CurrentBranchLike.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/branch-like/CurrentBranchLike.tsx
@@ -34,7 +34,7 @@ export function CurrentBranchLike(props: CurrentBranchLikeProps) {
   const displayName = getBranchLikeDisplayName(currentBranchLike);
 
   return (
-    <div className="sw-flex sw-items-center text-ellipsis">
+    <div className="sw-flex sw-items-center sw-truncate">
       <BranchLikeIcon branchLike={currentBranchLike} />
       <TextMuted text={displayName} className="sw-ml-3" />
       <QualityGateStatus branchLike={currentBranchLike} className="sw-ml-4" />
diff --git a/server/sonar-web/src/main/js/app/components/nav/component/branch-like/MenuItem.tsx b/server/sonar-web/src/main/js/app/components/nav/component/branch-like/MenuItem.tsx
index 3263a64929b..057a7f41d08 100644
--- a/server/sonar-web/src/main/js/app/components/nav/component/branch-like/MenuItem.tsx
+++ b/server/sonar-web/src/main/js/app/components/nav/component/branch-like/MenuItem.tsx
@@ -46,7 +46,7 @@ export function MenuItem(props: MenuItemProps) {
         onSelect(branchLike);
       }}
     >
-      <div className="sw-flex sw-items-center sw-justify-between text-ellipsis sw-flex-1">
+      <div className="sw-flex sw-items-center sw-justify-between sw-truncate sw-flex-1">
         <div className="sw-flex sw-items-center">
           <BranchLikeIcon branchLike={branchLike} />
 
-- 
2.39.5