app/assets/stylesheets/leaflet-all.css.scss

   1 /*
   2  *= require leaflet
   3  *= require leaflet.locationfilter
   4  *= require leaflet.pan
   5  *= require leaflet.zoom
   6  */
   7
   8 /* Override to serve images through the asset pipeline. */
   9 .leaflet-control-layers-toggle {
  10   background-image: image-url("images/layers.png");
  11 }
  12
  13 div.leaflet-marker-icon.location-filter.resize-marker {
  14   background-image: image-url("img/resize-handle.png");
  15 }
  16
  17 div.leaflet-marker-icon.location-filter.move-marker {
  18   background-image: image-url("img/move-handle.png");
  19 }
  20
  21 /* Override to better match the pan/zoom control. */
  22 .leaflet-control-layers {
  23   box-shadow: 0px 0px 3px #666;
  24   background: #fff;
  25   border-radius: 3px;
  26 }
  27
  28 /* Override some conflicting styles.
  29    https://github.com/openstreetmap/openstreetmap-website/pull/121#issuecomment-10206946 */
  30 .leaflet-popup-content img.user_thumbnail {
  31   max-width: 50px !important;
  32 }
  33
  34 .user_popup p {
  35   margin: 0px 2px 0px 55px !important;
  36 }
  37
  38 .site .leaflet-container a {
  39   color: #00f;
  40 }
  41
  42 .site .leaflet-popup p {
  43   margin: 0 0 20px 0;
  44 }
  45
  46 .leaflet-control-attribution #permalinkanchor {
  47   background: image-url("sprite.png") 0 -45px no-repeat;
  48   padding-left:20px;
  49 }
  50
  51 .site .leaflet-control-attribution {
  52   box-shadow: none;
  53   font-size: inherit;
  54 }