From 0616b2d9acf1a4f1512695d869db9363e4a9a704 Mon Sep 17 00:00:00 2001
From: Wouter Admiraal <wouter.admiraal@sonarsource.com>
Date: Fri, 31 May 2019 16:59:15 +0200
Subject: [PATCH] SONAR-12139 Fix display issue on projects administration page

---
 .../sonar-web/src/main/js/app/styles/init/misc.css |  7 +++++++
 .../main/js/apps/projectsManagement/ProjectRow.tsx |  2 +-
 .../__snapshots__/ProjectRow-test.tsx.snap         | 14 ++++++++++++--
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/server/sonar-web/src/main/js/app/styles/init/misc.css b/server/sonar-web/src/main/js/app/styles/init/misc.css
index 0e27826da62..5e5b2660033 100644
--- a/server/sonar-web/src/main/js/app/styles/init/misc.css
+++ b/server/sonar-web/src/main/js/app/styles/init/misc.css
@@ -28,6 +28,13 @@ th.nowrap {
   white-space: nowrap !important;
 }
 
+table.hide-overflow td,
+td.hide-overflow,
+th.hide-overflow {
+  text-overflow: ellipsis;
+  overflow: hidden;
+}
+
 .hidden {
   display: none !important;
   visibility: hidden !important;
diff --git a/server/sonar-web/src/main/js/apps/projectsManagement/ProjectRow.tsx b/server/sonar-web/src/main/js/apps/projectsManagement/ProjectRow.tsx
index 390a6d3bbf1..cb1fe0f2d15 100644
--- a/server/sonar-web/src/main/js/apps/projectsManagement/ProjectRow.tsx
+++ b/server/sonar-web/src/main/js/apps/projectsManagement/ProjectRow.tsx
@@ -65,7 +65,7 @@ export default class ProjectRow extends React.PureComponent<Props> {
           />
         </td>
 
-        <td className="nowrap">
+        <td className="nowrap hide-overflow" style={{ maxWidth: 400 }}>
           <span className="note">{project.key}</span>
         </td>
 
diff --git a/server/sonar-web/src/main/js/apps/projectsManagement/__tests__/__snapshots__/ProjectRow-test.tsx.snap b/server/sonar-web/src/main/js/apps/projectsManagement/__tests__/__snapshots__/ProjectRow-test.tsx.snap
index f97f8899d35..bbe0c710dd0 100644
--- a/server/sonar-web/src/main/js/apps/projectsManagement/__tests__/__snapshots__/ProjectRow-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/projectsManagement/__tests__/__snapshots__/ProjectRow-test.tsx.snap
@@ -50,7 +50,12 @@ exports[`renders 1`] = `
     />
   </td>
   <td
-    className="nowrap"
+    className="nowrap hide-overflow"
+    style={
+      Object {
+        "maxWidth": 400,
+      }
+    }
   >
     <span
       className="note"
@@ -139,7 +144,12 @@ exports[`renders 2`] = `
     />
   </td>
   <td
-    className="nowrap"
+    className="nowrap hide-overflow"
+    style={
+      Object {
+        "maxWidth": 400,
+      }
+    }
   >
     <span
       className="note"
-- 
2.39.5