Use minus character instead of hyphen in the zoom control (Leaflet#5501)

* Using proper minus character in the zoom control which means CSS workaround isn't needed * Using HTML escaping of unicode minus character for added browser support
nathannaveen · Jun 4, 2017 · 60e1965 · 60e1965
1 parent 6529469
commit 60e1965
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 9 deletions.
diff --git a/dist/leaflet.css b/dist/leaflet.css
@@ -325,16 +325,10 @@
 	font: bold 18px 'Lucida Console', Monaco, monospace;
 	text-indent: 1px;
 	}
-.leaflet-control-zoom-out {
-	font-size: 20px;
-	}
 
-.leaflet-touch .leaflet-control-zoom-in {
+.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
 	font-size: 22px;
 	}
-.leaflet-touch .leaflet-control-zoom-out {
-	font-size: 24px;
-	}
 
 
 /* layers control */

diff --git a/src/control/Control.Zoom.js b/src/control/Control.Zoom.js
@@ -26,9 +26,9 @@ export var Zoom = Control.extend({
 		// The title set on the 'zoom in' button.
 		zoomInTitle: 'Zoom in',
 
-		// @option zoomOutText: String = '-'
+		// @option zoomOutText: String = '&#x2212;'
 		// The text set on the 'zoom out' button.
-		zoomOutText: '-',
+		zoomOutText: '&#x2212;',
 
 		// @option zoomOutTitle: String = 'Zoom out'
 		// The title set on the 'zoom out' button.