jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-08-01 13:37:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix exceptional weither icon size (#6425) (#6634)

Browse Source 
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.
This commit is contained in:
gibwar 2020-08-16 16:51:50 -06:00 committed by GitHub
parent 4163b35b32
commit 2a58726caf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/panels/lovelace/cards/hui-weather-forecast-card.ts
View File

@ -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;
}