fix styling

This commit is contained in:
Dennis Orlando 2025-08-02 09:35:30 +02:00
parent 593d4179e3
commit f99fcb8916
2 changed files with 9 additions and 9 deletions

View file

@ -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;
}
}
}

View file

@ -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 = '<a href="#" title="Toggle Snap to Edges" class="snap-to-original-toggle ' +
container.innerHTML = '<a href="#" title="Show Original Geometry" class="snap-to-original-toggle ' +
(editor._snap_to_original_enabled ? 'active' : '') + '"></a>';
L.DomEvent.on(container.querySelector('.snap-to-original-toggle'), 'click', function(e) {