X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/40012189cb311510e545202d688294b9a8490ab1..641ce5b640cfc74ca6c427fae49a39c08fa641ac:/app/assets/stylesheets/leaflet-all.css.scss?ds=inline diff --git a/app/assets/stylesheets/leaflet-all.css.scss b/app/assets/stylesheets/leaflet-all.css.scss index 16001e5a5..18febde4d 100644 --- a/app/assets/stylesheets/leaflet-all.css.scss +++ b/app/assets/stylesheets/leaflet-all.css.scss @@ -1,15 +1,9 @@ /* *= require leaflet *= require leaflet.locationfilter - *= require leaflet.pan - *= require leaflet.zoom */ /* Override to serve images through the asset pipeline. */ -.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"); } @@ -18,13 +12,6 @@ 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 { @@ -35,20 +22,37 @@ div.leaflet-marker-icon.location-filter.move-marker { margin: 0 !important; } -.site .leaflet-container a { - color: #00f; -} - .site .leaflet-popup p { margin: 0 0 20px 0; } -.leaflet-control-attribution #permalinkanchor { - background: image-url("sprite.png") 0 -45px no-repeat; - padding-left:20px; -} - -.site .leaflet-control-attribution { - box-shadow: none; - font-size: inherit; -} +img.leaflet-marker-icon:after { + content:''; + position:absolute; left:50%; top:50%; + margin:-30px 0 0 -30px; + width:59px; + height:59px; + display:block; + background:rgba(0,0,0,0.2); + border:2px solid rgba(0,0,0,0.6); + border-radius:50%; + opacity:0; + -webkit-animation:place-tmp 2000ms infinite; + -moz-animation:place-tmp 2000ms infinite; + animation:place-tmp 2000ms infinite; + @-webkit-keyframes place-tmp { + 0% { opacity:1; -webkit-transform:scale(0); } + 50% { opacity:0; -webkit-transform:scale(1); } + 100% { opacity:0; -webkit-transform:scale(1); } + } + @-moz-keyframes place-tmp { + 0% { opacity:1; -moz-transform:scale(0); } + 50% { opacity:0; -moz-transform:scale(1); } + 100% { opacity:0; -moz-transform:scale(1); } + } + @keyframes place-tmp { + 0% { opacity:1; transform:scale(0); } + 50% { opacity:0; transform:scale(1); } + 100% { opacity:0; transform:scale(1); } + } +} \ No newline at end of file