SONAR-9702 cut long branch name in header

server/sonar-web/src/main/js/app/components/nav/component/ComponentNavBranch.tsx

@@ -215,7 +215,9 @@ export default class ComponentNavBranch extends React.PureComponent<Props, State
         })}>
         <a className="link-base-color link-no-underline" href="#" onClick={this.handleClick}>
           <BranchIcon branch={currentBranch} className="little-spacer-right" />
-          {currentBranch.name}
+          <Tooltip overlay={currentBranch.name} mouseEnterDelay={1}>
+            <span className="text-limited text-top">{currentBranch.name}</span>
+          </Tooltip>
           <i className="icon-dropdown little-spacer-left" />
         </a>
         {this.renderDropdown()}

server/sonar-web/src/main/js/app/components/nav/component/__tests__/__snapshots__/ComponentNavBranch-test.tsx.snap

@@ -18,7 +18,17 @@ exports[`renders main branch 1`] = `
       }
       className="little-spacer-right"
     />
-    master
+    <Tooltip
+      mouseEnterDelay={1}
+      overlay="master"
+      placement="bottom"
+    >
+      <span
+        className="text-limited text-top"
+      >
+        master
+      </span>
+    </Tooltip>
     <i
       className="icon-dropdown little-spacer-left"
     />
@@ -92,7 +102,17 @@ exports[`renders short-living branch 1`] = `
       }
       className="little-spacer-right"
     />
-    foo
+    <Tooltip
+      mouseEnterDelay={1}
+      overlay="foo"
+      placement="bottom"
+    >
+      <span
+        className="text-limited text-top"
+      >
+        foo
+      </span>
+    </Tooltip>
     <i
       className="icon-dropdown little-spacer-left"
     />