X-Git-Url: https://git.openstreetmap.org/rails.git/blobdiff_plain/1f4e41f6725ea373aa13bbb067595e2c4fc326d8..a6ac56c5e510395d160cdb7ccc7a88d87403e687:/app/assets/javascripts/leaflet.layers.js
diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index bbc84701c..2bc538798 100644
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -16,8 +16,7 @@ L.OSM.layers = function(options) {
.appendTo($container);
var $ui = $('
')
- .attr('class', 'layers-ui')
- .appendTo(options.uiPane);
+ .attr('class', 'layers-ui');
$('
')
.text(I18n.t('javascripts.map.layers.header'))
@@ -124,25 +123,23 @@ L.OSM.layers = function(options) {
});
});
- function toggle(e) {
- e.stopPropagation();
- e.preventDefault();
+ options.sidebar.addPane($ui);
- var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right');
-
- if ($ui.is(':visible')) {
- $(control.options.uiPane).hide();
- controlContainer.css({paddingRight: '0'});
- } else {
- $(control.options.uiPane).show();
- controlContainer.css({paddingRight: '230px'});
- }
+ $ui
+ .on('show', shown);
+ function shown() {
$ui.find('.base-layers .leaflet-container').each(function() {
$(this).data('map').invalidateSize();
});
}
+ function toggle(e) {
+ e.stopPropagation();
+ e.preventDefault();
+ options.sidebar.togglePane($ui);
+ }
+
return $container[0];
};