On hover, change border to a subtle darker orange, increase strokeWidth
authorJ Guthrie <jamie.guthrie@gmail.com>
Fri, 2 Nov 2018 01:23:37 +0000 (01:23 +0000)
committerJ Guthrie <jamie.guthrie@gmail.com>
Fri, 2 Nov 2018 01:23:37 +0000 (01:23 +0000)
app/assets/javascripts/index/history.js

index d18006d..0b98237 100644 (file)
@@ -38,12 +38,12 @@ OSM.History = function(map) {
   };
 
   function highlightChangeset(id) {
-    group.getLayer(id).setStyle({fillOpacity: 0.3, color: "#0095AA"});
+    group.getLayer(id).setStyle({fillOpacity: 0.3, color: "#FF6600", weight: 3});
     $("#changeset_" + id).addClass("selected");
   }
 
   function unHighlightChangeset(id) {
-    group.getLayer(id).setStyle({fillOpacity: 0, color: "#FF9500"});
+    group.getLayer(id).setStyle({fillOpacity: 0, color: "#FF9500", weight: 2});
     $("#changeset_" + id).removeClass("selected");
   }
 
@@ -111,7 +111,7 @@ OSM.History = function(map) {
     for (var i = 0; i < changesets.length; ++i) {
       var changeset = changesets[i],
         rect = L.rectangle(changeset.bounds,
-          {weight: 2, color: "#FF9500", opacity: 1, fillColor: "#FFFFBF", fillOpacity: 0});
+          {weight: 2, color: "#FF9500", opacity: 1, fillColor: "#FFFFAF", fillOpacity: 0});
       rect.id = changeset.id;
       rect.addTo(group);
     }