SONAR-17461 Languages menu entry are not rendered properly when the name is long

diff --git a/server/sonar-docs/src/components/PageLink.tsx b/server/sonar-docs/src/components/PageLink.tsx
index cda51b8d57cf8774ac00ce72749ba85c191929e6..61e547368b8707595ed76f815edcdf6e6dca90f7 100644 (file)
--- a/server/sonar-docs/src/components/PageLink.tsx
+++ b/server/sonar-docs/src/components/PageLink.tsx
@@ -43,7 +43,8 @@ export default function PageLink({ className, location, node }: Props) {
     <div>
       <Link
         className={classNames(className, { active: location.pathname === PREFIX + url })}
-        to={url}>
+        to={url}
+        title={title}>
         {title}
       </Link>
     </div>

diff --git a/server/sonar-docs/src/components/__tests__/__snapshots__/PageLink-test.tsx.snap b/server/sonar-docs/src/components/__tests__/__snapshots__/PageLink-test.tsx.snap
index 15e3aaf993a4d21dc2c07769273b97569f52afab..173cb10ba759b68d05816041f6f09561ca628afb 100644 (file)
--- a/server/sonar-docs/src/components/__tests__/__snapshots__/PageLink-test.tsx.snap
+++ b/server/sonar-docs/src/components/__tests__/__snapshots__/PageLink-test.tsx.snap
@@ -4,6 +4,7 @@ exports[`should render correctly 1`] = `
 <div>
   <ForwardRef
     className="active"
+    title="Foo"
     to="/foo"
   >
     Foo

diff --git a/server/sonar-docs/src/layouts/layout.css b/server/sonar-docs/src/layouts/layout.css
index d13c61f7b2dac140f2e4ba60d60ad0432a42d0b6..f3a1fda781b801909e3909e5be7c88349fb7fa50 100644 (file)
--- a/server/sonar-docs/src/layouts/layout.css
+++ b/server/sonar-docs/src/layouts/layout.css
@@ -308,6 +308,9 @@ a.search-result .note {
   font-size: 14px;
   line-height: 26px;
   margin: 0;
+  text-overflow: ellipsis;
+  overflow-x: hidden;
+  white-space: nowrap;
 }
 
 .sub-menu-link:hover,