search

Raruto / leaflet-elevation

Leaflet plugin that allows to add elevation profiles using d3js
GNU General Public License v3.0
255 stars 85 forks source link

Override Bootstrap theme styles #179

Closed wpysz closed 2 years ago

wpysz commented 2 years ago

leaflet-elevation and Bootstrap

When moving the mouse on the height graph, a black, vertical line and a black rectangle with the y: (height) and x: (distance) coordinates are moving following the cursor: https://ciekawe.tematy.net/testy/raruto/blackbox/blackbox.jpg

In the example below, you can see it in a real running script: https://ciekawe.tematy.net/testy/raruto/blackbox/bootstrap-no.html

If I apply the same script on the page where I am using Bootstrap, the rectangle with height and distance does not appear: https://ciekawe.tematy.net/testy/raruto/blackbox/bootstrap.html

This phenomenon also occurs when we do not use any Bootstrap elements, but only load the bootstrap.min.css file in the section

velocat commented 2 years ago

Here below, Raruto wrote how to fix it:

https://github.com/Raruto/leaflet-elevation/issues/175#issuecomment-1032985515