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 61b7ef285a184456873d69aadbea82c36aee2b39..d154102a74708bcc54136b99c2e4674c3c9b689e 100644 (file)
--- 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 3263a64929baefb48294fa201e6c8fadd50c413a..057a7f41d0883c34c1cfddb353a66a510ba56f38 100644 (file)
--- 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} />