X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/ef37ad8aaac510d34ccf7f14589c2584fc2b63ac..7c06f2b47e1ba7ec67e657c233a4add502493e6c:/app/assets/javascripts/index/map_ui.js diff --git a/app/assets/javascripts/index/map_ui.js b/app/assets/javascripts/index/map_ui.js index 0f13adcff..51f00f325 100644 --- a/app/assets/javascripts/index/map_ui.js +++ b/app/assets/javascripts/index/map_ui.js @@ -7,14 +7,19 @@ OSM.MapUI = L.Control.extend({ }, _initLayout: function(map) { - var className = 'leaflet-control-map-ui', + var className = 'control-layers', container = this._container = L.DomUtil.create('div', className); - var link = this._layersLink = L.DomUtil.create('a', 'leaflet-map-ui-layers', container); + var link = this._layersLink = L.DomUtil.create('a', 'control-button', container); + link.innerHTML = ""; link.href = '#'; link.title = 'Layers'; this._uiPane = L.DomUtil.create('div', 'leaflet-map-ui', map._container); + L.DomEvent + .on(this._uiPane, 'click', L.DomEvent.stopPropagation) + .on(this._uiPane, 'click', L.DomEvent.preventDefault) + .on(this._uiPane, 'dblclick', L.DomEvent.preventDefault); $(link).on('click', $.proxy(this.toggleLayers, this)); }, @@ -23,14 +28,16 @@ OSM.MapUI = L.Control.extend({ e.stopPropagation(); e.preventDefault(); + var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right'); + if ($(this._uiPane).is(':visible')) { $(this._uiPane).hide(); - $(this._container).css({paddingRight: '0'}) + controlContainer.css({paddingRight: '0'}); } else { $(this._uiPane) .show() .html(JST["templates/map/layers"]()); - $(this._container).css({paddingRight: '200px'}) + controlContainer.css({paddingRight: '200px'}); } } });