diff --git a/src/c3nav/editor/static/editor/css/editor.scss b/src/c3nav/editor/static/editor/css/editor.scss index 14c8cc3d..c622a7fd 100644 --- a/src/c3nav/editor/static/editor/css/editor.scss +++ b/src/c3nav/editor/static/editor/css/editor.scss @@ -627,51 +627,25 @@ label.theme-color-label { .edge-highlight { z-index: 999; pointer-events: none; - animation: edge-fade-in 0.2s ease-in; } .original-edge-highlight { z-index: 1000; pointer-events: none; - animation: edge-fade-in 0.2s ease-in; -} - -@keyframes edge-fade-in { - 0% { - opacity: 0; - } - 100% { - opacity: 0.6; - } } /* Right-angle snap indicators */ .right-angle-reference { z-index: 998; pointer-events: none; - animation: edge-fade-in 0.2s ease-in; } .right-angle-line { z-index: 1001; pointer-events: none; - animation: right-angle-pulse 2s infinite; } .right-angle-square { z-index: 1002; pointer-events: none; - animation: right-angle-pulse 2s infinite; -} - -@keyframes right-angle-pulse { - 0% { - opacity: 0.7; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0.7; - } } diff --git a/src/c3nav/editor/static/editor/js/editor.js b/src/c3nav/editor/static/editor/js/editor.js index ec3ad12d..1b353508 100644 --- a/src/c3nav/editor/static/editor/js/editor.js +++ b/src/c3nav/editor/static/editor/js/editor.js @@ -2082,17 +2082,18 @@ editor = { _show_snap_indicator: function(latlng, snapInfo) { editor._clear_snap_indicators(); - // snap point indicator - var indicator = L.circleMarker(latlng, { - radius: 4, - color: '#ff6b6b', - fillColor: '#ff6b6b', - fillOpacity: 0.8, + var size = 0.001; + var bounds = [ + [latlng.lat - size, latlng.lng - size], + [latlng.lat + size, latlng.lng + size] + ]; + var indicator = L.rectangle(bounds, { + color: '#666', weight: 2, lineCap: "square", fillOpacity: 1., - className: 'snap-indicator' - }); + className: 'snap-indicator' + }); editor._snap_indicator.addLayer(indicator);