testing aspect ratio preservation for IE in the city hover map

the svg for the cities map is not rendering properly in IE, testing an svg attr to
resolve this

diff --git a/parts/city-map.php b/parts/city-map.php
index bfcead2..4898e94 100644 (file)
--- a/parts/city-map.php
+++ b/parts/city-map.php
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-        viewBox="0 0 630 400" enable-background="new 0 0 630 400" xml:space="preserve">
+        viewBox="0 0 630 400" enable-background="new 0 0 630 400" xml:space="preserve" preserveAspectRatio="xMinYMin slice">
 <g id="bkgrd">
        <rect fill="#EAE8DE" width="630" height="400"/>
 </g>

diff --git a/parts/map-section.php b/parts/map-section.php
index 35427e3..bbb035d 100644 (file)
--- a/parts/map-section.php
+++ b/parts/map-section.php
@@ -1,4 +1,22 @@
-
-<div class="small-12 columns area-map">
+<div class="small-12 large-4 columns area-map">
+    <div class="city-info-wrapper">
+        <div class="city-img">
+            img
+        </div>
+        <div class="city-title">
+            
+        </div>
+        <div class="city-content">
+            
+        </div>
+    </div>
+</div>
+<div class="small-12 large-8 columns area-map">
     <?php include 'city-map.php'; ?>
 </div>
+
+<script>
+    jQuery(function(){
+       
+    });
+</script>