Fixes rendering of Google Maps in mobile sidebars

diff --git a/wcfsetup/install/files/js/WCF.Location.js b/wcfsetup/install/files/js/WCF.Location.js
index 379669f8c090313454ad0beb459bf53b6a4f80a2..19c4713050ba2fc5a556c7d0c23b9c5d87eabe8d 100644 (file)
--- a/wcfsetup/install/files/js/WCF.Location.js
+++ b/wcfsetup/install/files/js/WCF.Location.js
@@ -117,9 +117,25 @@ WCF.Location.GoogleMaps.Map = Class.extend({
                this._map = new google.maps.Map(this._mapContainer[0], this._mapOptions);
                this._markers = [ ];
                
+               // fix maps in mobile sidebars by refreshing the map when displaying
+               // the map
+               if (this._mapContainer.parents('.sidebar').length) {
+                       enquire.register('screen and (max-width: 800px)', {
+                               setup: $.proxy(this._addSidebarMapListener, this),
+                               deferSetup: true
+                       });
+               }
+               
                this.refresh();
        },
        
+       /**
+        * Adds click listener to mobile sidebar toggle button to refresh map.
+        */
+       _addSidebarMapListener: function() {
+               $('.content > .mobileSidebarToggleButton').click($.proxy(this.refresh, this));
+       },
+       
        /**
         * Returns the default map options.
         *