#305: Hide giant SVG map for mobile.

wri · Nov 25, 2024 · 18d0069 · 18d0069
1 parent 6404b7f
commit 18d0069
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/modules/wri_maps/src/Plugin/Block/RegionMapBlock.php b/modules/wri_maps/src/Plugin/Block/RegionMapBlock.php
@@ -147,6 +147,7 @@ public function build() {
 
     $attributes = new Attribute();
     $attributes->addClass('wri-region-map');
+    $attributes->addClass('hidden');
     $attributes->addClass($map_style);
 
     $build['#attributes']['class'][] = $map_style;

diff --git a/themes/custom/ts_wrin/sass/components/_region-map.scss b/themes/custom/ts_wrin/sass/components/_region-map.scss
@@ -16,6 +16,12 @@
     /* line text up with border. */
     margin-top: -0.5rem;
 
+    &.margin-bottom-md {
+      @media (max-width: rem(767)) {
+        margin-bottom: 0;
+      }
+    }
+
     @include mq($ph) {
       @include center-columns($grid-columns, $grid-columns);
     }
@@ -53,6 +59,12 @@
     @include center-columns($grid-columns, $grid-columns);
   }
 
+  @include mq($md) {
+    &.hidden {
+      display: block;
+    }
+  }
+
   svg > g.region,
   svg > g.international_office {
     outline: 0;