From: stanislavh <stanislav.honcharov@sonarsource.com>
Date: Fri, 5 May 2023 08:56:42 +0000 (+0200)
Subject: SONAR-19231 In project activity tab selecting more than 4 metric results into page... 
X-Git-Tag: 10.1.0.73491~338
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=10bba50a591c751d869d96916a45bd6b7670f2b1;p=sonarqube.git

SONAR-19231 In project activity tab selecting more than 4 metric results into page crash
---

diff --git a/server/sonar-web/design-system/src/theme/light.ts b/server/sonar-web/design-system/src/theme/light.ts
index 8ef9b7d1d08..4d91df7c121 100644
--- a/server/sonar-web/design-system/src/theme/light.ts
+++ b/server/sonar-web/design-system/src/theme/light.ts
@@ -384,7 +384,9 @@ export const lightTheme = {
     'graphLineColor.0': COLORS.blue[700],
     'graphLineColor.1': COLORS.blue[500],
     'graphLineColor.2': COLORS.blue[300],
-    'graphLineColor.3': COLORS.blue[800],
+    'graphLineColor.3': COLORS.blue[700],
+    'graphLineColor.4': COLORS.blue[500],
+    'graphLineColor.5': COLORS.blue[300],
     graphGridColor: COLORS.grey[50],
     graphCursorLineColor: COLORS.blueGrey[400],
     newCodeHighlight: COLORS.indigo[300],
diff --git a/server/sonar-web/src/main/js/components/charts/AdvancedTimeline.tsx b/server/sonar-web/src/main/js/components/charts/AdvancedTimeline.tsx
index 96b5487ea18..f6ee34e7a71 100644
--- a/server/sonar-web/src/main/js/components/charts/AdvancedTimeline.tsx
+++ b/server/sonar-web/src/main/js/components/charts/AdvancedTimeline.tsx
@@ -23,14 +23,14 @@ import { bisector, extent, max } from 'd3-array';
 import {
   NumberValue,
   ScaleLinear,
-  ScalePoint,
-  ScaleTime,
   scaleLinear,
+  ScalePoint,
   scalePoint,
+  ScaleTime,
   scaleTime,
 } from 'd3-scale';
 import { area, curveBasis, line as d3Line } from 'd3-shape';
-import { ThemeProp, themeColor, withTheme } from 'design-system';
+import { themeColor, ThemeProp, withTheme } from 'design-system';
 import { flatten, isEqual, sortBy, throttle, uniq } from 'lodash';
 import * as React from 'react';
 import { isDefined } from '../../helpers/types';
@@ -222,7 +222,6 @@ export class AdvancedTimelineClass extends React.PureComponent<Props, State> {
     const { zoomSpeed = 1 } = this.props;
     const { maxXRange, xScale } = this.state;
 
-    event.preventDefault();
     const parentBbox = event.currentTarget.getBoundingClientRect();
     const mouseXPos = (event.pageX - parentBbox.left) / parentBbox.width;
     const xRange = xScale.range();