nakarte

commit ac95ac12eece0c00dc79c3e8132101ba6aad8f1a
parent a02905431024aebd1bd2d2f026273386f9e4e714
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Wed,  9 May 2018 14:17:54 +0300

ruler button: use button factory #64

Diffstat:
M
src/lib/leaflet.control.track-list/control-ruler.js
 | 
8
+++-----
M
src/lib/leaflet.control.track-list/ruler.css
 | 
3
+--

2 files changed, 4 insertions(+), 7 deletions(-)
diff --git a/src/lib/leaflet.control.track-list/control-ruler.js b/src/lib/leaflet.control.track-list/control-ruler.js
@@ -1,9 +1,8 @@
 import L from 'leaflet';
 import './track-list';
 import './ruler.css';
-import 'lib/controls-styles/controls-styles.css';
 import './track-list';
-import 'lib/leaflet.control.commons';
+import {makeButton} from 'lib/leaflet.control.commons';
 
 L.Control.TrackList.Ruler = L.Control.extend({
     options: {
@@ -17,9 +16,8 @@ L.Control.TrackList.Ruler = L.Control.extend({
 
     onAdd: function(map) {
         this._map = map;
-        const container = this._container = L.DomUtil.create('div', 'leaflet-control leaflet-control-button leaflet-control-ruler');
-        container.title = "Measure distance";
-        this._stopContainerEvents();
+        let {container} = makeButton('', 'Measure distance', 'icon-ruler');
+        this._container = container;
         L.DomEvent.on(container, 'click', this.onClick, this);
         return container;
     },
diff --git a/src/lib/leaflet.control.track-list/ruler.css b/src/lib/leaflet.control.track-list/ruler.css
@@ -1,4 +1,3 @@
-.leaflet-control-ruler  {
+.icon-ruler {
     background-image: url("images/ruler.svg");
-    background-size: 16px 16px;
 }
 \ No newline at end of file