2025-summer/team-3
12
Fork 0
Code Issues Pull requests Projects Releases Activity

fix styling

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

12
src/c3nav/editor/static/editor/css/editor.scss
View file

@ -567,9 +567,9 @@ label.theme-color-label {
.leaflet-control-snap { .leaflet-control-snap {
background-color: white; background-color: white;
border-radius: 4px; border-radius: 4px;
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box; background-clip: padding-box;
/* watchout for leaflet.css trying to override a:hover with a different height/width */ /* watchout for leaflet.css trying to override a:hover with a different height/width */
a.snap-toggle, a.snap-to-original-toggle { a.snap-toggle, a.snap-to-original-toggle {
background-size: 30px 30px; background-size: 30px 30px;
@ -578,19 +578,19 @@ label.theme-color-label {
height: 30px; height: 30px;
background-color: white; background-color: white;
color: #666; color: #666;
border-radius: 2px; border-radius: 4px;
&:hover { &:hover {
background-color: #f4f4f4; background-color: #a7a7a7;
color: #333;
} }
&.active { &.active {
background-color: #45a049; background-color: #b0ecb2;
border: 2px solid green;
color: white; color: white;
&:hover { &:hover {
background-color: #b0ecb2; background-color: #7ac27d;
} }
} }
} }

2
src/c3nav/editor/static/editor/js/editor.js
View file

@ -1713,7 +1713,7 @@ editor = {
var snapToOriginalControl = L.control({position: 'topleft'}); var snapToOriginalControl = L.control({position: 'topleft'});
snapToOriginalControl.onAdd = function() { snapToOriginalControl.onAdd = function() {
var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control leaflet-control-snap'); 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>'; (editor._snap_to_original_enabled ? 'active' : '') + '"></a>';
L.DomEvent.on(container.querySelector('.snap-to-original-toggle'), 'click', function(e) { L.DomEvent.on(container.querySelector('.snap-to-original-toggle'), 'click', function(e) {