✨ use bold labels for highlighted entities

owid · Dec 10, 2024 · fdd2d37 · fdd2d37
1 parent ff37d6b
commit fdd2d37
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/@ourworldindata/grapher/src/lineLegend/LineLegend.tsx b/packages/@ourworldindata/grapher/src/lineLegend/LineLegend.tsx
@@ -386,11 +386,12 @@ export class LineLegend extends React.Component<LineLegendProps> {
     }
 
     @computed.struct get sizedLabels(): SizedSeries[] {
-        const { fontSize, fontWeight, maxWidth } = this
+        const { fontSize, maxWidth } = this
         const maxTextWidth = maxWidth - DEFAULT_CONNECTOR_LINE_WIDTH
         const maxAnnotationWidth = Math.min(maxTextWidth, 150)
 
         return this.props.labelSeries.map((label) => {
+            const fontWeight = label.focus?.active ? 700 : this.fontWeight
             const mainLabel = { text: label.label, fontWeight }
             const valueLabel = label.formattedValue
                 ? {