search

EfficiencyJunky / BikeLapse

A webapp built with leaflet.js and mapbox meant to make it easy to catalog bike rides that have been recorded with the DistanceLapse Video Creation System and Strava
4 stars 0 forks source link

Need to make the legend display beneath interactive UI elements #26

Closed EfficiencyJunky closed 4 years ago

EfficiencyJunky commented 4 years ago

Currently the Zindex of the legend is above the Control Layers and the elevation control interface

on a small screen this means they may get covered up and the user cannot interact with them. The layer controls and interactive elements are much more important than the Legend so it should be ok to make this happen!

EfficiencyJunky commented 4 years ago

Apparently all that was needed was this CSS code

/* make the legend display underneath UI elements like elevation and layer control */

.leaflet-bottom.leaflet-right {
  z-index: 800 !important;
}
EfficiencyJunky commented 4 years ago

this issue was resolved with commit: https://github.com/EfficiencyJunky/BikeLapse/commit/8b3bf1e42733c726cf1ed4534d268f114e60659b