Page 1 of 1

Advisory text misaligned

Posted: Mon 02 Dec 2019 10:58 pm
by grwkak
See attached - this happens when dewpoints are below freezing. Is this something to do with advisory.php or elsewhere (cascading style sheet?).
advisory.JPG
Guy

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 12:02 am
by grwkak
Any suggestions on fixing this? My knowledge of css etc is limited!!

Guy

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 1:40 am
by saratogaWX
Sorry I missed this posting earlier....

It would really help to have the URL to the CU-HWS site that shows the problem in order to debug. Screen captures do show a problem, but the actual site has to be viewed to do debugging.

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 10:56 am
by grwkak
Thanks!

Here is the link - http://www.wilsonsweather.host-ed.me/CUtest/

The Dewpoint below freezing is not showing right now - that appears to be the only advisory that has this issue.

Guy

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 4:17 pm
by saratogaWX
I'm not sure this will fix the issue, but there is one difference in css/main.dark.css you can change.

You currently have

Code: Select all

.orangealerticonheatindex {
    margin-top: -55px;
    margin-left: 140px;
    padding: 4px;
    line-height: 20px;
    position: relative
}
while the current prod release has

Code: Select all

.orangealerticonheatindex {
    margin-top: -35px;
    margin-left: 160px;
    padding: 4px;
    line-height: 20px;
    position: relative
}
Also, can you post a copy of advisory.php in your setup so I can take a look?

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 6:10 pm
by saratogaWX
I found several issues with formatting in the advisory.php.

I've updated advisory.php and css/main.dark.css on the GitHub distribution.

Best regards,
Ken

Re: Advisory text misaligned

Posted: Fri 06 Dec 2019 9:14 pm
by grwkak
Let me try those.

The .orangealerticonheatindex difference - that was me tinkering to see what altered the positioning of the text. Only the ! icon was affected - but in the right direction.
Quickly realized I had no idea what was what!!

Guy

Re: Advisory text misaligned

Posted: Sat 07 Dec 2019 12:35 pm
by grwkak
Issue fixed - dewpoint below freezing looks good!

Thanks!

Guy