Merge pull request #1188 from geoadmin/fix_fullscreen

Display popups and swipe over the map in full screen mode

src/components/fullscreen/FullscreenDirective.js

@@ -12,6 +12,7 @@
       template: "<a href='#' ng-if='fullscreenSupported' " +
         "ng-click='click()' translate>full_screen</a>",
       link: function(scope, element, attrs) {
+        var fullScreenCssClass = 'ga-full-screen';
         // Use the documentElement element in order to check if the
         // Fullscreen API is usable
         // Documentation about Fullscreen API flavours:
@@ -39,6 +40,7 @@
 
         if (scope.fullscreenSupported) {
           var onFullscreenChange = function() {
+            $(document.body).addClass(fullScreenCssClass);
             // Bug in Safari
             scope.map.updateSize();
             var target = scope.map.getTarget();
@@ -47,6 +49,7 @@
                 document.webkitFullscreenElement ||
                 document.msFullscreenElement)) {
               gaPermalink.refresh();
+              $(document.body).removeClass(fullScreenCssClass);
             }
           };
 

src/index.mako.html

@@ -143,7 +143,7 @@
       </div> 
       <div ga-swipe 
            ga-swipe-map="map" 
-           ga-swipe-active="isSwipeActive" 
+           ga-swipe-active="isSwipeActive"
            style="display:none;">
       </div>
     </div> <!-- #map -->

src/style/app.less

@@ -77,6 +77,12 @@ form {
   }
 }
 
+.ga-full-screen {
+  .ga-swipe, [ga-popup] {
+    z-index: 3000000000;
+  }
+}
+
 #copyrightsdata {
   font-size: 11px;
   position: absolute;