Phi: Highlight "follow aircraft" button if enabled
This commit is contained in:
parent
5626dc51f5
commit
fc3b7b8b56
2 changed files with 7 additions and 1 deletions
|
@ -69,4 +69,10 @@
|
||||||
width: 40px;
|
width: 40px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.mapOptionEnabled {
|
||||||
|
outline: 3px solid green;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -150,7 +150,7 @@ define(
|
||||||
|
|
||||||
followAircraftControl.onAdd = function(map) {
|
followAircraftControl.onAdd = function(map) {
|
||||||
this._div = L.DomUtil.create('div', 'followAircraft');
|
this._div = L.DomUtil.create('div', 'followAircraft');
|
||||||
this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="click: toggleFollowAircraft"/>';
|
this._div.innerHTML = '<img src="images/followAircraft.svg" title="Center Map on Aircraft Position" data-bind="css: { mapOptionEnabled: followAircraft() }, click: toggleFollowAircraft"/>';
|
||||||
return this._div;
|
return this._div;
|
||||||
}
|
}
|
||||||
followAircraftControl.addTo(self.map);
|
followAircraftControl.addTo(self.map);
|
||||||
|
|
Loading…
Add table
Reference in a new issue