Skip to content

Commit 3a1b4cb

Browse files
committed
Merge remote-tracking branch 'upstream/pull/5307'
2 parents 7086038 + 771b75e commit 3a1b4cb

File tree

2 files changed

+12
-12
lines changed

2 files changed

+12
-12
lines changed

app/assets/javascripts/index/query.js

+4-12
Original file line numberDiff line numberDiff line change
@@ -289,18 +289,10 @@ OSM.Query = function (map) {
289289
.hide();
290290

291291
if (marker) map.removeLayer(marker);
292-
marker = L.circle(latlng, radius, featureStyle).addTo(map);
293-
294-
$(document).everyTime(75, "fadeQueryMarker", function (i) {
295-
if (i === 10) {
296-
map.removeLayer(marker);
297-
} else {
298-
marker.setStyle({
299-
opacity: 1 - (i * 0.1),
300-
fillOpacity: 0.5 - (i * 0.05)
301-
});
302-
}
303-
}, 10);
292+
marker = L.circle(latlng, Object.assign({
293+
radius: radius,
294+
className: "query-marker"
295+
}, featureStyle)).addTo(map);
304296

305297
runQuery(latlng, radius, nearby, $("#query-nearby"), false);
306298
runQuery(latlng, radius, isin, $("#query-isin"), true, compareSize);

app/assets/stylesheets/common.scss

+8
Original file line numberDiff line numberDiff line change
@@ -368,6 +368,14 @@ body.small-nav {
368368
.leaflet-marker-draggable {
369369
cursor: move;
370370
}
371+
372+
.query-marker {
373+
animation: 1500ms forwards query-marker-fade;
374+
375+
@keyframes query-marker-fade {
376+
to { opacity: 0 }
377+
}
378+
}
371379
}
372380

373381
#map-ui {

0 commit comments

Comments
 (0)