From e4a624a42ffe8188a93d800805cf771db503cee4 Mon Sep 17 00:00:00 2001
From: Mathieu Suen <mathieu.suen@sonarsource.com>
Date: Thu, 1 Jul 2021 16:30:08 +0200
Subject: [PATCH] SONAR-14848 Ellispe new code name in overview.

---
 .../src/main/js/app/styles/init/misc.css      |  4 ++++
 .../main/js/apps/overview/branches/Event.tsx  |  4 ++--
 .../branches/ProjectLeakPeriodInfo.tsx        |  4 +++-
 .../__snapshots__/Event-test.tsx.snap         |  4 ++--
 .../ProjectLeakPeriodInfo-test.tsx.snap       | 21 ++++++++++++-------
 5 files changed, 25 insertions(+), 12 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 3e5adbeecdf..846bcbc807e 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
@@ -302,6 +302,10 @@ th.huge-spacer-right {
   max-width: 100% !important;
 }
 
+.max-width-80 {
+  max-width: 80% !important;
+}
+
 .width-100 {
   width: 100% !important;
 }
diff --git a/server/sonar-web/src/main/js/apps/overview/branches/Event.tsx b/server/sonar-web/src/main/js/apps/overview/branches/Event.tsx
index 7acc5df015f..18b57a455bd 100644
--- a/server/sonar-web/src/main/js/apps/overview/branches/Event.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/Event.tsx
@@ -32,7 +32,7 @@ export function Event({ event }: Props) {
   if (event.category === 'VERSION') {
     return (
       <span
-        className="overview-analysis-event analysis-version"
+        className="overview-analysis-event analysis-version text-ellipsis max-width-80"
         title={`${translate('version')} ${event.name}`}>
         {event.name}
       </span>
@@ -67,7 +67,7 @@ export function Event({ event }: Props) {
 
   return (
     <div className="overview-analysis-event">
-      <span className="note">{eventCategory}:</span>{' '}
+      <span className="note text-ellipsis width-80">{eventCategory}:</span>{' '}
       {event.description ? (
         <strong title={event.description}>{event.name}</strong>
       ) : (
diff --git a/server/sonar-web/src/main/js/apps/overview/branches/ProjectLeakPeriodInfo.tsx b/server/sonar-web/src/main/js/apps/overview/branches/ProjectLeakPeriodInfo.tsx
index 18d3c8a732b..bf8641bd335 100644
--- a/server/sonar-web/src/main/js/apps/overview/branches/ProjectLeakPeriodInfo.tsx
+++ b/server/sonar-web/src/main/js/apps/overview/branches/ProjectLeakPeriodInfo.tsx
@@ -59,7 +59,9 @@ export function ProjectLeakPeriodInfo(props: ProjectLeakPeriodInfoProps) {
 
   return (
     <>
-      <div className="note spacer-top">{leakPeriodLabel}</div>
+      <div className="note spacer-top text-ellipsis" title={leakPeriodLabel}>
+        {leakPeriodLabel}
+      </div>
       <DateFromNow date={leakPeriodDate}>
         {fromNow => (
           <div className="note little-spacer-top">
diff --git a/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/Event-test.tsx.snap b/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/Event-test.tsx.snap
index 56508dbaede..0c7d0c11949 100644
--- a/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/Event-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/Event-test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`should render a version correctly 1`] = `
 <span
-  className="overview-analysis-event analysis-version"
+  className="overview-analysis-event analysis-version text-ellipsis max-width-80"
   title="version 6.5-SNAPSHOT"
 >
   6.5-SNAPSHOT
@@ -14,7 +14,7 @@ exports[`should render an event correctly 1`] = `
   className="overview-analysis-event"
 >
   <span
-    className="note"
+    className="note text-ellipsis width-80"
   >
     event.category.OTHER
     :
diff --git a/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/ProjectLeakPeriodInfo-test.tsx.snap b/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/ProjectLeakPeriodInfo-test.tsx.snap
index dacc2a60a94..334ecf878d4 100644
--- a/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/ProjectLeakPeriodInfo-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/overview/branches/__tests__/__snapshots__/ProjectLeakPeriodInfo-test.tsx.snap
@@ -3,7 +3,8 @@
 exports[`should render a more precise date 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.previous_version_only_date"
   >
     overview.period.previous_version_only_date
   </div>
@@ -18,7 +19,8 @@ exports[`should render a more precise date 1`] = `
 exports[`should render correctly for "manual_baseline" 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.manual_baseline.formattedTime.2019-04-23T02:12:32+0100"
   >
     overview.period.manual_baseline.formattedTime.2019-04-23T02:12:32+0100
   </div>
@@ -33,7 +35,8 @@ exports[`should render correctly for "manual_baseline" 1`] = `
 exports[`should render correctly for "manual_baseline" 2`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.manual_baseline.1.1.2"
   >
     overview.period.manual_baseline.1.1.2
   </div>
@@ -48,7 +51,8 @@ exports[`should render correctly for "manual_baseline" 2`] = `
 exports[`should render correctly for "previous_analysis" 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.previous_analysis."
   >
     overview.period.previous_analysis.
   </div>
@@ -63,7 +67,8 @@ exports[`should render correctly for "previous_analysis" 1`] = `
 exports[`should render correctly for "previous_version" 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.previous_version_only_date"
   >
     overview.period.previous_version_only_date
   </div>
@@ -87,7 +92,8 @@ exports[`should render correctly for 10 days 1`] = `
 exports[`should render correctly for a specific date 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.date.formatted.2013-01-01"
   >
     overview.period.date.formatted.2013-01-01
   </div>
@@ -102,7 +108,8 @@ exports[`should render correctly for a specific date 1`] = `
 exports[`should render correctly for a specific version 1`] = `
 <Fragment>
   <div
-    className="note spacer-top"
+    className="note spacer-top text-ellipsis"
+    title="overview.period.version.0.1"
   >
     overview.period.version.0.1
   </div>
-- 
2.39.5