adds map fullscreen button, re: #4670

archesproject · Jul 8, 2019 · 1a4d248 · 1a4d248
1 parent 8104a60
commit 1a4d248
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/arches/app/media/css/arches.css b/arches/app/media/css/arches.css
@@ -1179,6 +1179,7 @@ ul.tabbed-report-tab-list {
     flex: 1;
     height: 100%;
     position: relative;
+    background-color: #eee;
 }
 
 .map-card-container {

diff --git a/arches/app/media/js/views/components/map.js b/arches/app/media/js/views/components/map.js
@@ -216,6 +216,9 @@ define([
         this.setupMap = function(map) {
             map.on('load', function() {
                 map.addControl(new mapboxgl.NavigationControl(), 'top-left');
+                map.addControl(new mapboxgl.FullscreenControl({
+                    container: $(map.getContainer()).closest('.map-card-wrapper')[0]
+                }), 'top-left');
                 map.addControl(new MapboxGeocoder({
                     accessToken: mapboxgl.accessToken,
                     mapboxgl: mapboxgl,