diff --git a/dist/images/popup-close.png b/dist/images/popup-close.png deleted file mode 100644 index c8faec5e..00000000 Binary files a/dist/images/popup-close.png and /dev/null differ diff --git a/dist/leaflet.css b/dist/leaflet.css index 2cab9818..e7ae4b6f 100644 --- a/dist/leaflet.css +++ b/dist/leaflet.css @@ -305,15 +305,20 @@ -o-transform: rotate(45deg); transform: rotate(45deg); } -.leaflet-popup-close-button { +.leaflet-container a.leaflet-popup-close-button { position: absolute; - top: 8px; - right: 8px; - - width: 10px; - height: 10px; - - overflow: hidden; + top: 3px; + right: 3px; + text-align: center; + width: 24px; + height: 24px; + font: 16px/24px Tahoma, Verdana, sans-serif; + color: #ccc; + text-decoration: none; + font-weight: bold; + } +.leaflet-container a.leaflet-popup-close-button:hover { + color: #999; } .leaflet-popup-content p { margin: 18px 0; @@ -362,7 +367,4 @@ } .leaflet-popup-content { font: 12px/1.4 "Helvetica Neue", Arial, Helvetica, sans-serif; - } -.leaflet-popup-close-button { - background: white url(images/popup-close.png); - } + } \ No newline at end of file diff --git a/src/layer/Popup.js b/src/layer/Popup.js index 630ea41d..322bfaff 100644 --- a/src/layer/Popup.js +++ b/src/layer/Popup.js @@ -107,6 +107,7 @@ L.Popup = L.Class.extend({ if (this.options.closeButton) { closeButton = this._closeButton = L.DomUtil.create('a', prefix + '-close-button', container); closeButton.href = '#close'; + closeButton.innerHTML = '×'; L.DomEvent.on(closeButton, 'click', this._onCloseButtonClick, this); }