SONAR-17075 Fix language pages menu entry display when text is too long

server/sonar-web/src/main/js/app/styles/components/list-groups.css

@@ -76,6 +76,8 @@ a.list-group-item {
 .list-group-item-heading {
   margin-top: 5px;
   margin-bottom: 5px;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 
 .list-group-item-heading:after {

server/sonar-web/src/main/js/apps/documentation/components/MenuItem.tsx

@@ -36,12 +36,16 @@ export function MenuItem({ depth = 0, node, splat }: Props) {
 
   const active = testPathAgainstUrl(node.url, splat);
   const maxDepth = Math.min(depth, 3);
+  const title = node.navTitle || node.title;
+
   return (
     <Link
       className={classNames('list-group-item', { active, [`depth-${maxDepth}`]: depth > 0 })}
       key={node.url}
       to={'/documentation' + node.url}>
-      <h3 className="list-group-item-heading">{node.navTitle || node.title}</h3>
+      <h3 className="list-group-item-heading" title={title}>
+        {title}
+      </h3>
     </Link>
   );
 }