search

ktrue / CU-HWS

Home Weather Station website template for Cumulus (WeeWX, WeatherCat too)
Other
23 stars 13 forks source link

Soucis ccs #106

Open neomanu16 opened 5 years ago

neomanu16 commented 5 years ago

HI KEN

a little css concern on the dark theme I joined you a screenshoot Best regards,

FireShot Capture 066 - Station Météo de   Vars, CH, FR - www meteo16-vars com

ktrue commented 5 years ago

Need the URL to your website in order to debug the issue...

neomanu16 commented 5 years ago

http://www.meteo16-vars.com/

neomanu16 commented 5 years ago

its the fact that on the dark css

neomanu16 commented 5 years ago

this is where I think there is a problem ...

.alertcircle { font-size: 16px; width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 40px; border: .12rem solid rgba(95, 96, 97, .9); line-height: 39px; font-family: weathertext, arial, helvetica }

neomanu16 commented 5 years ago

I have just lowered the temperatures so you can see the worries there is now

Damien0505 commented 5 years ago

Hi Ken, My weather page is suffering a similar issue. https://weather.damienbeeby.com Kind regards, Damien

w34issue

Damien0505 commented 5 years ago

Hi all, Think I may have found the issue, residing in main.dark.css Comparing behaviour of the light and dark themes, in main.dark.css I headed to:

spanefreezing, spanelightning { font-size: 12px; font-family: Arial, system; top: 33px; width: 120px; position: absolute; font-weight: 400; left: 50px }

Comparing the top and width attributes to the light theme css, there was a discrepancy in both. Changing the values to match that of the light theme (top:-3px and width:200px has definitely improved the situation along with reducing the left attribute to 30px.

Kind regards, Damien

w34issue2

neomanu16 commented 5 years ago

Sorry but it does not work I just tried but nothing happens .... always the same ...

http://www.meteo16-vars.com/

neomanu16 commented 5 years ago

it's good for me too and it gives its now ...

spanefreezing, spanelightning { font-size: 12px; font-family: Arial, system; top: -3px; width: 140px; position: absolute; font-weight: 400; left: 30px }