🐛 make label bold when value is shown

owid · Dec 11, 2024 · ff011e9 · ff011e9
1 parent f992dd5
commit ff011e9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/@ourworldindata/grapher/src/lineLegend/LineLegend.tsx b/packages/@ourworldindata/grapher/src/lineLegend/LineLegend.tsx
@@ -396,9 +396,8 @@ export class LineLegend extends React.Component<LineLegendProps> {
         const maxAnnotationWidth = Math.min(maxTextWidth, 150)
 
         return this.props.labelSeries.map((label) => {
-            // if a formatted value is given, make the main label bold by default
-            const fontWeight =
-                this.fontWeight ?? (label.formattedValue ? 700 : undefined)
+            // if a formatted value is given, make the main label bold
+            const fontWeight = label.formattedValue ? 700 : this.fontWeight
 
             const mainLabel = { text: label.label, fontWeight }
             const valueLabel = label.formattedValue

diff --git a/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx b/packages/@ourworldindata/grapher/src/slopeCharts/SlopeChart.tsx
@@ -549,10 +549,7 @@ export class SlopeChart
     }
 
     @computed private get lineLegendPropsRight(): Partial<LineLegendProps> {
-        return {
-            xAnchor: "start",
-            fontWeight: 700,
-        }
+        return { xAnchor: "start" }
     }
 
     @computed private get lineLegendPropsLeft(): Partial<LineLegendProps> {