diff --git a/WebContent/base/osrm/OSRM.Control.Locations.js b/WebContent/base/osrm/OSRM.Control.Locations.js index 6ecee452d..4f44eb659 100644 --- a/WebContent/base/osrm/OSRM.Control.Locations.js +++ b/WebContent/base/osrm/OSRM.Control.Locations.js @@ -37,7 +37,7 @@ OSRM.Control.Locations = L.Control.extend({ _createButton: function (id, container, fn, context, isActive) { var inactive = (isActive == false) ? "-inactive" : ""; - var classNames = "box-content gui-control " + id+inactive; + var classNames = "box-content" + " " + "gui-control"+inactive + " " + id+inactive; var link = L.DomUtil.create('a', classNames, container); link.title = id; @@ -54,7 +54,7 @@ OSRM.Control.Locations = L.Control.extend({ this._routeButton.className = "box-content gui-control gui-locations-route"; }, deactivateRoute: function() { - this._routeButton.className = "box-content gui-control gui-locations-route-inactive"; + this._routeButton.className = "box-content gui-control-inactive gui-locations-route-inactive"; }, setTooltips: function( userButton, routeButton) { this._userButton.title = userButton; diff --git a/WebContent/base/osrm/OSRM.Control.Zoom.js b/WebContent/base/osrm/OSRM.Control.Zoom.js index af19b52d4..2b69ea0d7 100644 --- a/WebContent/base/osrm/OSRM.Control.Zoom.js +++ b/WebContent/base/osrm/OSRM.Control.Zoom.js @@ -37,7 +37,7 @@ OSRM.Control.Zoom = L.Control.extend({ _createButton: function (id, container, fn, context, isActive) { var inactive = (isActive == false) ? "-inactive" : ""; - var classNames = "box-content gui-control " + id+inactive; + var classNames = "box-content" + " " + "gui-control"+inactive + " " + id+inactive; var link = L.DomUtil.create('a', classNames, container); link.title = id; diff --git a/WebContent/main.css b/WebContent/main.css index 0f3eb066d..533625c04 100644 --- a/WebContent/main.css +++ b/WebContent/main.css @@ -540,6 +540,13 @@ html, body background-repeat: no-repeat; display: block; } +.gui-control-inactive { + cursor:default; + position:relative; + background-position: 50% 50%; + background-repeat: no-repeat; + display: block; +} /* zoom buttons */