nakarte

commit 758449cad72cfc6c1adde63cd39a78fffea7aa2f
parent e53970e25d7bc6280b7500c7c00ecc197c431af5
Author: Sergej Orlov <wladimirych@gmail.com>
Date:   Fri,  3 Mar 2017 11:20:39 +0300

[wikimapia] fixed text wrapping in long labels

Diffstat:
M
src/lib/leaflet.layer.wikimapia/index.js
 | 
4
++--
M
src/lib/leaflet.layer.wikimapia/style.css
 | 
22
++++++++++++++++------

2 files changed, 18 insertions(+), 8 deletions(-)
diff --git a/src/lib/leaflet.layer.wikimapia/index.js b/src/lib/leaflet.layer.wikimapia/index.js
@@ -174,11 +174,11 @@ L.Wikimapia = L.GridLayer.extend({
                             color: '#E6B800'
                         }
                     ),
-                    label: L.tooltip({className: 'wikimapia-tooltip'}, null)
+                    label: L.tooltip({className: 'wikimapia-tooltip-wrapper'}, null)
                 };
                 this.highlightedPlace.label.setLatLng(e.latlng);
                 this.highlightedPlace.polygon.addTo(this._map);
-                this.highlightedPlace.label.setContent(place.title);
+                this.highlightedPlace.label.setContent(`<div class="wikimapia-tooltip">${place.title}</div>`);
                 this._map.addLayer(this.highlightedPlace.label);
             }
             if (this.highlightedPlace) {
diff --git a/src/lib/leaflet.layer.wikimapia/style.css b/src/lib/leaflet.layer.wikimapia/style.css
@@ -1,23 +1,33 @@
+.wikimapia-tooltip-wrapper {
+    width: 500px;
+    border: 0;
+    padding: 0;
+    background: 0;
+    box-shadow: none;
+    opacity: 1 !important;
+}
+
 .wikimapia-tooltip {
     background-color: #FFFFA3;
     font-size: 10pt;
     line-height: 1;
     border: 1px solid #777;
     border-radius: 4px;
-    white-space: nowrap;
+    white-space: normal;
     padding: 4px 6px;
-    position: absolute;
-    z-index: 10000;
-    max-width: 500px;
+    display: inline-block;
     box-sizing: border-box;
     margin-top: -6px;
-    /*box-shadow: none !important;*/
 }
 
-.wikimapia-tooltip:before {
+.wikimapia-tooltip-wrapper:before {
     border: none !important;
 }
 
+.leaflet-tooltip-left .wikimapia-tooltip {
+    float: right;
+}
+
 .leaflet-tooltip-right {
     margin-left: 16px !important;
 }