From 440c8093d3f5b7128aaf93775b91984430990f4a Mon Sep 17 00:00:00 2001
From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Wed, 10 Oct 2018 17:21:35 +0200
Subject: [PATCH] SONAR-10708 fix activity graph tooltip text overflow

---
 server/sonar-web/src/main/js/apps/overview/styles.css  |  2 +-
 .../preview-graph/PreviewGraphTooltipsContent.tsx      |  6 ++++--
 .../PreviewGraphTooltipsContent-test.tsx.snap          | 10 ++++++----
 3 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/overview/styles.css b/server/sonar-web/src/main/js/apps/overview/styles.css
index 4abad4a7f59..06480c796cd 100644
--- a/server/sonar-web/src/main/js/apps/overview/styles.css
+++ b/server/sonar-web/src/main/js/apps/overview/styles.css
@@ -416,7 +416,7 @@
 }
 
 .overview-analysis-graph-tooltip-description {
-  max-width: 120px;
+  max-width: 80px;
 }
 
 .overview-activity-events {
diff --git a/server/sonar-web/src/main/js/components/preview-graph/PreviewGraphTooltipsContent.tsx b/server/sonar-web/src/main/js/components/preview-graph/PreviewGraphTooltipsContent.tsx
index e4c93ee9982..74970a676b5 100644
--- a/server/sonar-web/src/main/js/components/preview-graph/PreviewGraphTooltipsContent.tsx
+++ b/server/sonar-web/src/main/js/components/preview-graph/PreviewGraphTooltipsContent.tsx
@@ -37,8 +37,10 @@ export default function PreviewGraphTooltipsContent({ style, translatedName, val
       <td className="overview-analysis-graph-tooltip-value text-right little-spacer-right thin">
         {value}
       </td>
-      <td className="text-ellipsis overview-analysis-graph-tooltip-description">
-        {translatedName}
+      <td>
+        <div className="text-ellipsis overview-analysis-graph-tooltip-description">
+          {translatedName}
+        </div>
       </td>
     </tr>
   );
diff --git a/server/sonar-web/src/main/js/components/preview-graph/__tests__/__snapshots__/PreviewGraphTooltipsContent-test.tsx.snap b/server/sonar-web/src/main/js/components/preview-graph/__tests__/__snapshots__/PreviewGraphTooltipsContent-test.tsx.snap
index 4019b80bbe1..c9c0609799c 100644
--- a/server/sonar-web/src/main/js/components/preview-graph/__tests__/__snapshots__/PreviewGraphTooltipsContent-test.tsx.snap
+++ b/server/sonar-web/src/main/js/components/preview-graph/__tests__/__snapshots__/PreviewGraphTooltipsContent-test.tsx.snap
@@ -16,10 +16,12 @@ exports[`should render correctly 1`] = `
   >
     1.2k
   </td>
-  <td
-    className="text-ellipsis overview-analysis-graph-tooltip-description"
-  >
-    Code Smells
+  <td>
+    <div
+      className="text-ellipsis overview-analysis-graph-tooltip-description"
+    >
+      Code Smells
+    </div>
   </td>
 </tr>
 `;
-- 
2.39.5