From: Revanshu Paliwal <revanshu.paliwal@sonarsource.com>
Date: Mon, 18 Mar 2024 14:06:18 +0000 (+0100)
Subject: SONAR-21718 Fixing branch or pull request name overflowing out of the dropdown issue
X-Git-Tag: 10.5.0.89998~120
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=107fe412a6a99f77fc34e7bedb5e6eca97d6f464;p=sonarqube.git

SONAR-21718 Fixing branch or pull request name overflowing out of the dropdown issue
---

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} />