X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/fa53a9c6805b5903cf1d2cbb27b299b7d970d995..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 f983149da..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 { @@ -32,5 +19,40 @@ div.leaflet-marker-icon.location-filter.move-marker { } .user_popup p { - margin: 0px 2px 0px 55px !important; + margin: 0 !important; } + +.site .leaflet-popup p { + margin: 0 0 20px 0; +} + +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