Merge pull request #1217 from weather-gov/ik/1192-alert-map-controls-…

…stack Fix floating map controls and attribution
weather-gov · May 20, 2024 · 8b39204 · 8b39204
2 parents fcdde1a + 8fc0538
commit 8b39204
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 5 deletions.
diff --git a/web/themes/new_weather_theme/assets/css/styles.css b/web/themes/new_weather_theme/assets/css/styles.css
diff --git a/web/themes/new_weather_theme/assets/css/styles.css.map b/web/themes/new_weather_theme/assets/css/styles.css.map
diff --git a/web/themes/new_weather_theme/assets/sass/_uswds-theme-custom-styles.scss b/web/themes/new_weather_theme/assets/sass/_uswds-theme-custom-styles.scss
@@ -277,3 +277,11 @@ svg[data-wind-direction] {
   }
 }
 
+
+/* Custom isolation utilities
+------------------------------------- */
+.isolation-isolate {
+  isolation: isolate;
+}
+
+
diff --git a/web/themes/new_weather_theme/new_weather_theme.libraries.yml b/web/themes/new_weather_theme/new_weather_theme.libraries.yml
@@ -6,7 +6,7 @@ uswds-init:
       minified: true
 
 uswds-customized:
-  version: 2024-05-01
+  version: 2024-05-15
   css:
     theme:
       assets/css/styles.css: {}

diff --git a/web/themes/new_weather_theme/templates/block/block--weathergov-local-alerts.html.twig b/web/themes/new_weather_theme/templates/block/block--weathergov-local-alerts.html.twig
@@ -65,7 +65,7 @@
           {{ drupal_block("weathergov_dynamic_safety_information", { weather_event: alert.event }) }}
 
           <div class="grid-container margin-top-2 padding-x-0 tablet:padding-x-2">
-            <div class="grid-container padding-0 bg-white shadow-1 grid-col-12">
+            <div class="grid-container padding-0 isolation-isolate grid-col-12">
               <div class="grid-row wx-radar-container">
                 <wx-alert-map class="grid-col-12" data-geo-json="{{ alert.geometry | json_encode | url_encode }}" data-alert-id="{{ alert.alertId}}" data-lat="{{ weather.point.lat }}" data-lon="{{ weather.point.lon }}">
                   <div id="wx_alert_map_{{ alert.alertId }}" style="height: 100%"></div>