diff --git a/changelog.md b/changelog.md index 3838381..e283142 100644 --- a/changelog.md +++ b/changelog.md @@ -761,3 +761,4 @@ See https://github.com/Daveiano/weewx-wdc/compare/v3.3.0...580071ca175a03fe4924b - Added finnish translation GH-230 - Added "Precipitation detail" on forecast display (show rain/snow separately) GH-231 - Allow to add custom content to front page via custom templates GH-217 +- Updated windGust display in forecast table GH-240 diff --git a/install.py b/install.py index 016fbac..efdfdac 100644 --- a/install.py +++ b/install.py @@ -133,6 +133,7 @@ def __init__(self): "skins/weewx-wdc/includes/icons/wind-direction.svg", "skins/weewx-wdc/includes/icons/wind-direction.inc", "skins/weewx-wdc/includes/icons/wind-gust.svg", + "skins/weewx-wdc/includes/icons/wind-gust-2.svg", "skins/weewx-wdc/includes/icons/wind-speed.svg", "skins/weewx-wdc/includes/icons/sunrise.svg", "skins/weewx-wdc/includes/icons/sunset.svg", diff --git a/skins/weewx-wdc/includes/forecast-table.inc b/skins/weewx-wdc/includes/forecast-table.inc index 80f12bd..d248f28 100644 --- a/skins/weewx-wdc/includes/forecast-table.inc +++ b/skins/weewx-wdc/includes/forecast-table.inc @@ -325,7 +325,10 @@ #else $summary.windSpeedMin.nolabel('%.0f','') - $summary.windSpeedMax.nolabel('%.0f',' ') #end if - $summary.windGust.nolabel('%.0f',' ') +
+ #include "includes/icons/wind-gust-2.svg" + $summary.windGust.nolabel('%.0f',' ') +
$summary.windChar diff --git a/skins/weewx-wdc/includes/icons/wind-gust-2.svg b/skins/weewx-wdc/includes/icons/wind-gust-2.svg new file mode 100644 index 0000000..b2b1d1b --- /dev/null +++ b/skins/weewx-wdc/includes/icons/wind-gust-2.svg @@ -0,0 +1,28 @@ + + + + + $obs.label.windGust + + + + + diff --git a/skins/weewx-wdc/src/scss/index.scss b/skins/weewx-wdc/src/scss/index.scss index 1333fdd..e21659c 100644 --- a/skins/weewx-wdc/src/scss/index.scss +++ b/skins/weewx-wdc/src/scss/index.scss @@ -749,6 +749,15 @@ div[id^="panel"] .tile-radar-forecast { margin-right: 5px; } } + .windgust { + display: flex; + align-items: center; + margin-top: 0.75em; + svg { + max-width: 24px; + margin-right: 5px; + } + } // bx-structured-list-row, // bx-structured-list-header-row { // @include carbon--breakpoint-down(md) {