Page 1 of 1

Version 3.8.7

Posted: Monday 06 December 2021 12:37
by pvklink
Hi, it looks if the latest beta takes more space on the top of the weather block...
See my old and new screendumps with the same config..

New
weathertnew2.jpg
weathertnew2.jpg (80.51 KiB) Viewed 557 times
Old
weathertnew2.jpg
weathertnew2.jpg (80.51 KiB) Viewed 557 times
CSS
custom.css
[data-id='weather_pvk'] {height: 382px; width: 300px;}
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}
div[data-id='longfonds'] {height: 150px !important;font-size:14px !important}

CUSTOM
blocks['weather_pvk'] = {
type: 'weather',
apikey: 'xxxxxx',
city: 'xxxxxx',
name: 'xxxxx (zh)',
country: 'nl',
lang: 'nl',
layout: 4,
count: 6,
showDetails: false,
showHourly: false,
monochrome: false,
colors: {
cloud: 'blue',
light_cloud: 'grey',
dark_cloud: 'blue',
}

Re: Version 3.8.7

Posted: Monday 06 December 2021 12:57
by pvklink
I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}

Re: Version 3.8.7

Posted: Monday 06 December 2021 13:48
by Lokonli
pvklink wrote: Monday 06 December 2021 12:37 Hi, it looks if the latest beta takes more space on the top of the weather block...
See my old and new screendumps with the same config..

New
weathertnew2.jpg

Old
weathertold2.jpg

CSS
custom.css
[data-id='weather_pvk'] {height: 382px; width: 300px;}
div[data-id='clock'] {height: 150px;width:237px}
div[data-id='sunrise'] {height: 150px;width:237px}
div[data-id='longfonds'] {height: 150px !important;font-size:14px !important}

CUSTOM
blocks['weather_pvk'] = {
type: 'weather',
apikey: 'xxxxxx',
city: 'xxxxxx',
name: 'xxxxx (zh)',
country: 'nl',
lang: 'nl',
layout: 4,
count: 6,
showDetails: false,
showHourly: false,
monochrome: false,
colors: {
cloud: 'blue',
light_cloud: 'grey',
dark_cloud: 'blue',
}
The icons are a bit bigger.

To change the icon sizes add the following to custom.css:

Code: Select all

.weather .icon img {
    width: 50% !important;
}
Or specifically for the day icons or current weather icon:

Code: Select all

.weatherday .icon img {
    width: 50% !important;
}

.weathercurrent .icon img {
    width: 50% !important;
}
Probably I'll reduce the icon sizes a bit in the next update.

Re: Version 3.8.7

Posted: Monday 06 December 2021 13:50
by Lokonli
pvklink wrote: Monday 06 December 2021 12:57 I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}
Which part do you try to make smaller?

Re: Version 3.8.7

Posted: Monday 06 December 2021 13:59
by Lokonli
pvklink wrote: Monday 06 December 2021 12:57 I also tried to make the padding smaller for weathernew2.jpg, but with no success...


[data-id='weather_pvk'] {height: 382px; width: 300px;}
[data-id='weather_pvk'] .description {padding-top:0px !important;}
[data-id='weather_pvk'] .description {padding-bottom:0px !important;}
[data-id='weather_pvk_4'] .description {padding-top:0px !important;}
[data-id='weather_pvk_4'] .description {padding-bottom:0px !important;}
[data-id='weather'] .description {padding-top:0px !important;}
[data-id='weather'] .description {padding-bottom:0px !important;}
[data-id='weather_4'] .description {padding-top:0px !important;}
[data-id='weather_4'] .description {padding-bottom:0px !important;}

try:

Code: Select all

.weatherforecast {
    margin-bottom: 0px !important;
}

.weatherday {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


Re: Version 3.8.7

Posted: Monday 06 December 2021 15:56
by pvklink
Very happy with your solution!

The solutions for the iconsize work great!
Everythings fits again

I also tried to get the top smaller: blanc spaces above and below the icon, temp and place.
I think your code has some effect...

By the way, the icons look great, just tried full... :-)

New desktop
Naamloos.jpg
Naamloos.jpg (396.84 KiB) Viewed 507 times