🐛 gray out non-focused multi-color lines

owid · Dec 12, 2024 · 18bf8b7 · 18bf8b7
1 parent 9691515
commit 18bf8b7
Showing 1 changed file with 20 additions and 19 deletions.
diff --git a/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx b/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx
@@ -200,25 +200,26 @@ class Lines extends React.Component<LinesProps> {
             />
         )
 
-        const line = this.props.multiColor ? (
-            <MultiColorPolyline
-                id={makeIdForHumanConsumption("line", series.seriesName)}
-                points={series.placedPoints}
-                strokeLinejoin="round"
-                strokeWidth={strokeWidth}
-                strokeDasharray={strokeDasharray}
-                strokeOpacity={strokeOpacity}
-            />
-        ) : (
-            <LinePath
-                id={makeIdForHumanConsumption("line", series.seriesName)}
-                placedPoints={series.placedPoints}
-                stroke={color}
-                strokeWidth={strokeWidth}
-                strokeOpacity={strokeOpacity}
-                strokeDasharray={strokeDasharray}
-            />
-        )
+        const line =
+            this.props.multiColor && !focus.background ? (
+                <MultiColorPolyline
+                    id={makeIdForHumanConsumption("line", series.seriesName)}
+                    points={series.placedPoints}
+                    strokeLinejoin="round"
+                    strokeWidth={strokeWidth}
+                    strokeDasharray={strokeDasharray}
+                    strokeOpacity={strokeOpacity}
+                />
+            ) : (
+                <LinePath
+                    id={makeIdForHumanConsumption("line", series.seriesName)}
+                    placedPoints={series.placedPoints}
+                    stroke={color}
+                    strokeWidth={strokeWidth}
+                    strokeOpacity={strokeOpacity}
+                    strokeDasharray={strokeDasharray}
+                />
+            )
 
         return (
             <>