diff --git a/src/c3nav/editor/static/editor/css/editor.scss b/src/c3nav/editor/static/editor/css/editor.scss index 8a0bbc3c..7985a1cd 100644 --- a/src/c3nav/editor/static/editor/css/editor.scss +++ b/src/c3nav/editor/static/editor/css/editor.scss @@ -567,8 +567,8 @@ label.theme-color-label { .leaflet-control-snap { background-color: white; border-radius: 4px; - border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; + /* watchout for leaflet.css trying to override a:hover with a different height/width */ a.snap-toggle, a.snap-to-original-toggle { @@ -578,19 +578,19 @@ label.theme-color-label { height: 30px; background-color: white; color: #666; - border-radius: 2px; - + border-radius: 4px; + &:hover { - background-color: #f4f4f4; - color: #333; + background-color: #a7a7a7; } - + &.active { - background-color: #45a049; + background-color: #b0ecb2; + border: 2px solid green; color: white; &:hover { - background-color: #b0ecb2; + background-color: #7ac27d; } } } diff --git a/src/c3nav/editor/static/editor/js/editor.js b/src/c3nav/editor/static/editor/js/editor.js index 3919f296..f92fa62c 100644 --- a/src/c3nav/editor/static/editor/js/editor.js +++ b/src/c3nav/editor/static/editor/js/editor.js @@ -1713,7 +1713,7 @@ editor = { var snapToOriginalControl = L.control({position: 'topleft'}); snapToOriginalControl.onAdd = function() { var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-snap'); - container.innerHTML = ''; L.DomEvent.on(container.querySelector('.snap-to-original-toggle'), 'click', function(e) {