Make sure all leaflet images are loaded through the asse pipeline
This commit is contained in:
parent
62ba6b50ba
commit
130a184ec5
2 changed files with 44 additions and 23 deletions
|
@ -1,23 +0,0 @@
|
|||
/*
|
||||
*= require leaflet
|
||||
*= require leaflet.locationfilter
|
||||
*= require leaflet.pan
|
||||
*= require leaflet.zoom
|
||||
*/
|
||||
|
||||
/* Override to better match the pan/zoom control. */
|
||||
.leaflet-control-layers {
|
||||
box-shadow: 0px 0px 3px #666;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Override some conflicting styles.
|
||||
https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946 */
|
||||
.leaflet-popup-content img.user_thumbnail {
|
||||
max-width: 50px !important;
|
||||
}
|
||||
|
||||
.user_popup p {
|
||||
margin: 0px 2px 0px 55px !important;
|
||||
}
|
44
app/assets/stylesheets/leaflet-all.css.scss
Normal file
44
app/assets/stylesheets/leaflet-all.css.scss
Normal file
|
@ -0,0 +1,44 @@
|
|||
/*
|
||||
*= require leaflet
|
||||
*= require leaflet.locationfilter
|
||||
*= require leaflet.pan
|
||||
*= require leaflet.zoom
|
||||
*/
|
||||
|
||||
/* Override to serve images through the asset pipeline. */
|
||||
.leaflet-control-zoom-in {
|
||||
background-image: image-url("images/zoom-in.png");
|
||||
}
|
||||
|
||||
.leaflet-control-zoom-out {
|
||||
background-image: image-url("images/zoom-out.png");
|
||||
}
|
||||
|
||||
.leaflet-control-layers-toggle {
|
||||
background-image: image-url("images/layers.png");
|
||||
}
|
||||
|
||||
div.leaflet-marker-icon.location-filter.resize-marker {
|
||||
background-image: image-url("img/resize-handle.png");
|
||||
}
|
||||
|
||||
div.leaflet-marker-icon.location-filter.move-marker {
|
||||
background-image: image-url("img/move-handle.png");
|
||||
}
|
||||
|
||||
/* Override to better match the pan/zoom control. */
|
||||
.leaflet-control-layers {
|
||||
box-shadow: 0px 0px 3px #666;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Override some conflicting styles.
|
||||
https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946 */
|
||||
.leaflet-popup-content img.user_thumbnail {
|
||||
max-width: 50px !important;
|
||||
}
|
||||
|
||||
.user_popup p {
|
||||
margin: 0px 2px 0px 55px !important;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue