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

diff --git a/server/sonar-web/design-system/src/theme/light.ts b/server/sonar-web/design-system/src/theme/light.ts
index 8ef9b7d1d081dbafe4f5bec531ba2c6efd77cb43..4d91df7c1213dd7aed6f5188d16b331e7b375b9b 100644 (file)
--- 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 96b5487ea18e46c2423e1a5c6e9ac1170bbc6124..f6ee34e7a717427de122ef37e6b1fb343e5d483c 100644 (file)
--- 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();