Weatherunderground - currently - hourly - daily - configurable

ostfilinchen

@RedNax can you please make the color Icons smaller? The Currentweather icon is too big with 100% size. With this icon size, the Module Uses too many space on the mirror.

A other way, is to make it scalable by custom.css.

What Do you think about this?

RedNax

@ostfilinchen Better now?

ostfilinchen

@RedNax yeah. Now it’s perfect. Great job!

lolobyte

@RedNax

good morning. What’s happened?.

What did you change?

ostfilinchen

@lolobyte He changed the size of the color icon. So the Module now looks good on the mirror. If the size isn’t good for your mirror, you can change it in your custom.css

lolobyte

@ostfilinchen

hi, it’s a new version?

May i do a git pull?

ostfilinchen

@lolobyte yes. Just Do it. I’m happy now

lolobyte

@ostfilinchen Niiiiice!

@RedNax : Thank you. Good job. It looks now very good again.

PointPubMedia

I think I found a little bug… using coloricon: true, the main icon is in color, but not the small ones… and the first 3 row got no icons…

cowboysdude

@PointPubMedia said in Weatherunderground - currently - hourly - daily - configurable:

I think I found a little bug… using coloricon: true, the main icon is in color, but not the small ones… and the first 3 row got no icons…

Oddly enough I’m here for the same reason LOL I was trying to figure out …
The main ‘icon’ is an actual img… the smaller ones are actual icons… so when you updated you got the actual images… the icons are standard and have to be ‘colorized’… soo…
Add this to your custom.css file and enjoy :)

.wi-sunrise {
color: #ffd700;
}
.wi-sunset {
color: #ffa500;
}
.wi-day-sunny {
color: #ffff00;
}
.wi-night-showers {
color: #55acee;
}
.wi-degrees {
color: #415;
}
.wi-rain {
color: #55acee;
}
.wi-showers {
color: #55acee;
}
.wi-night-showers {
color: #55acee;
}
.wi-night-alt-cloudy-windy {
color: #aaa;
}
.wi-night-cloudy {
color: #aaa;
}
.wi-cloudy {
color: #aaa;
}
.wi-day-cloudy {
color: #aaa;
}
.wi-cloudy {
color: #aaa;
}
.wi-cloudy-windy {
color: #aaa;
}
.wi-showers {
color: #55acee;
}
.wi-thunderstorm {
color: #ff00ff;
}
.wi-snow {
color: #fff;
}
.wi-fog {
color: #999;
}
.wi-night-clear {
color: #fff;
}
.wi-night-rain {
color: #55acee;
}
.wi-night-thunderstorm {
color: #ff00ff;
}
.wi-night-snow {
color: #fff;
}
.wi-sunrise {
color: #ffd700;
}
.wi-sunset {
color: #ffa500;
}
.wi-day-sunny {
color: #ffff00;
}
.wi-night-showers {
color: #55acee;
}
.wi-degrees {
color: #415;
}
.wi-rain {
color: #55acee;
}
.wi-showers {
color: #55acee;
}
.wi-night-showers {
color: #55acee;
}
.wi-night-alt-cloudy-windy {
color: #aaa;
}
.wi-night-cloudy {
color: #aaa;
}
.wi-cloudy {
color: #aaa;
}
.wi-day-cloudy {
color: #aaa;
}
.wi-cloudy {
color: #aaa;
}
.wi-cloudy-windy {
color: #aaa;
}
.wi-showers {
color: #55acee;
}
.wi-thunderstorm {
color: #ff00ff;
}
.wi-snow {
color: #fff;
}
.wi-fog {
color: #999;
}
.wi-night-clear {
color: #fff;
}
.wi-night-rain {
color: #55acee;
}
.wi-night-thunderstorm {
color: #ff00ff;
}
.wi-night-snow {
color: #fff;
}