From 2a58726caf026571e969c2410c39291904028ff3 Mon Sep 17 00:00:00 2001 From: gibwar Date: Sun, 16 Aug 2020 16:51:50 -0600 Subject: [PATCH] Fix exceptional weither icon size (#6425) (#6634) The weather icon for the `exceptional` state uses a different DOM layout than the other icons, using a `.weather-icon` class that sets the size to 64px (52px on narrow). This updates the `forecast-icon > *` class to set the correct variable to match the expected `40px` and works on all sizes from `veryverynarrow` to normal. --- src/panels/lovelace/cards/hui-weather-forecast-card.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/panels/lovelace/cards/hui-weather-forecast-card.ts b/src/panels/lovelace/cards/hui-weather-forecast-card.ts index 0af5d4b979..234549a4fd 100644 --- a/src/panels/lovelace/cards/hui-weather-forecast-card.ts +++ b/src/panels/lovelace/cards/hui-weather-forecast-card.ts @@ -436,6 +436,7 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard { .forecast-image-icon > * { width: 40px; height: 40px; + --mdc-icon-size: 40px; } .forecast-icon { @@ -469,7 +470,7 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard { width: 52px; } - :host([narrow]) .weather-icon { + :host([narrow]) .icon-image .weather-icon { --mdc-icon-size: 52px; }