FCRM-5476 fixed map build issue. Map now shows inline

DEFRA · Jan 24, 2025 · 2a5def7 · 2a5def7
1 parent 07c24a5
commit 2a5def7
Show file tree

Hide file tree

Showing 5 changed files with 285 additions and 9 deletions.
diff --git a/client/js/defra-map/index.js b/client/js/defra-map/index.js
@@ -358,7 +358,7 @@ getDefraMapConfig().then((defraMapConfig) => {
   // const depthMap = ['over 2.3', '2.3', '1.2', '0.9', '0.6', '0.3', '0.15']
 
   const floodMap = new FloodMap('map', {
-    type: 'hybrid',
+    type: 'inline',
     place: 'England',
     zoom: 7.7,
     minZoom: 6,

diff --git a/client/sass-flood-map/main.scss b/client/sass-flood-map/main.scss
@@ -95,4 +95,23 @@ strong {
       transform: translateX(-80px);
     }
   }
+}
+
+// Application CSS
+.fm-mobile.fm-inline.fm-o-container {
+  position:fixed;
+  box-sizing: border-box;
+  flex-direction: row;
+  display: flex;
+  justify-content: space-between;
+  z-index: 999;
+  top:0;
+  bottom:0;
+  left:0;
+  right:0;
+  width: 100%;
+  border: 0;
+  background-color:var(--background-colour);
+  -webkit-overflow-scrolling: touch;
+  touch-action: pan-x pan-y;
 }