SONAR-14848 Ellispe new code name in overview.

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 3e5adbeecdf56b75b23cbf6dc190f47674bfb99c..846bcbc807e1b69bf0f62cee0c243fb084f64b3e 100644 (file)
--- 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 7acc5df015fe70291c75c4c9df4c114847d0e095..18b57a455bd32c579afa26904086d27f2a162653 100644 (file)
--- 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 18d3c8a732b20ee770e673bcb0e1cb7ef7507478..bf8641bd335ca76f270e5f17873ec071441df7af 100644 (file)
--- 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 56508dbaedefea453c3d1cbca39f194a83a010ef..0c7d0c11949e2b7c60bb5ac6c6a23862d454db3f 100644 (file)
--- 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 dacc2a60a943fb50e9f02bbebec3b242489d6ddf..334ecf878d4e5a279082c615b08ca37d14eeddf4 100644 (file)
--- 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>