]> git.openstreetmap.org Git - rails.git/blobdiff - app/assets/stylesheets/leaflet-all.css.scss
Render correct template
[rails.git] / app / assets / stylesheets / leaflet-all.css.scss
index f983149daf30e8730026d804f77471e8b4de6b3f..18febde4d1d92b774ec2a0d6b3d464918d0db495 100644 (file)
@@ -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