Author Topic: Fix for Resizing NOAA/NWS US Advisory Maps - wxusalerts-varsize  (Read 437 times)

0 Members and 1 Guest are viewing this topic.

Offline Jasiu

  • Forecaster
  • *****
  • Posts: 947
    • LexMAWeather
Fix for Resizing NOAA/NWS US Advisory Maps - wxusalerts-varsize
« on: December 04, 2018, 09:33:27 AM »
Found a bug yesterday in my code that Jerry used to make the US alerts map resizable.

Bug: Because the container div for the Alaska and Hawaii maps has a width of 100% and a z-index of 1, the area where that overlaps the continental US map isn't clickable (even though it is visible). My apologies to the fine folks of southern Texas and Florida as well as the sea interests in the Gulf of Mexico!

Fix (hopefully):

Code: [Select]
#alaskaHawaiiAlertsMaps
{
   position: absolute;
   width: 100%;  // < make this 36%
   bottom: 0px;
   z-index: 1;
}

#alaskaAlerts,
#hawaiiAlerts
{
   display: block;
   float: left;
   margin: 0;
   padding: 0;
   width: 18%; // < make this 49%
   border: 1px solid #cccccc;
}

That clears the overlap area and allows for clicks again.

I've only tested this on Mac OS with Firefox, Safari, and Chrome.
https://lexmaweather.info
On Mastodon: @LexMAWeather@toot.community

Offline gwwilk

  • Southeast Lincoln Weather
  • Forecaster
  • *****
  • Posts: 2578
    • SouthEast Lincoln, NE Weather
Re: Fix for Resizing NOAA/NWS US Advisory Maps - wxusalerts-varsize
« Reply #1 on: December 04, 2018, 10:54:25 AM »
Thanks, Jasiu!  Good catch and fix! =D&gt;

Script updated on my scripts page.
Regards, Jerry Wilkins
gwwilk@gmail.com