Upgrade leaflet.markercluster

_includes/recline-deps.html

@@ -4,9 +4,6 @@
   <![endif]-->
   <link rel="stylesheet" href="{{page.root}}vendor/leaflet.markercluster/MarkerCluster.css">
   <link rel="stylesheet" href="{{page.root}}vendor/leaflet.markercluster/MarkerCluster.Default.css">
-  <!--[if lte IE 8]>
-  <link rel="stylesheet" href="{{page.root}}vendor/leaflet.markercluster/MarkerCluster.Default.ie.css" />
-  <![endif]-->
   <link rel="stylesheet" href="{{page.root}}vendor/slickgrid/2.0.1/slick.grid.css">
   <link rel="stylesheet" href="{{page.root}}vendor/timeline/css/timeline.css">
 

docs/tutorial-multiview.markdown

@@ -40,9 +40,6 @@ Before writing any code with Recline, you need to do the following preparation s
 <link href="vendor/leaflet.markercluster/MarkerCluster.css" rel="stylesheet">
 <link href="vendor/leaflet.markercluster/MarkerCluster.Default.css" rel=
   "stylesheet">
-<!--[if lte IE 8]>
-<link rel="stylesheet" href="vendor/leaflet.markercluster/MarkerCluster.Default.ie.css" />
-<![endif]-->
 <link rel="stylesheet" href="vendor/slickgrid/2.0.1/slick.grid.css">
 
 <!-- recline css -->

docs/tutorial-views.markdown

@@ -230,9 +230,6 @@ library and the Recline Map view:
 <![endif]-->
 <link rel="stylesheet" href="vendor/leaflet.markercluster/MarkerCluster.css">
 <link rel="stylesheet" href="vendor/leaflet.markercluster/MarkerCluster.Default.css">
-<!--[if lte IE 8]>
-<link rel="stylesheet" href="vendor/leaflet.markercluster/MarkerCluster.Default.ie.css" />
-<![endif]-->
 <link rel="stylesheet" href="css/map.css">
 
 <!-- javascript -->

vendor/leaflet.markercluster/MarkerCluster.Default.css

@@ -19,6 +19,28 @@
 	background-color: rgba(241, 128, 23, 0.6);
 	}
 
+	/* IE 6-8 fallback colors */
+.leaflet-oldie .marker-cluster-small {
+	background-color: rgb(181, 226, 140);
+	}
+.leaflet-oldie .marker-cluster-small div {
+	background-color: rgb(110, 204, 57);
+	}
+
+.leaflet-oldie .marker-cluster-medium {
+	background-color: rgb(241, 211, 87);
+	}
+.leaflet-oldie .marker-cluster-medium div {
+	background-color: rgb(240, 194, 12);
+	}
+
+.leaflet-oldie .marker-cluster-large {
+	background-color: rgb(253, 156, 115);
+	}
+.leaflet-oldie .marker-cluster-large div {
+	background-color: rgb(241, 128, 23);
+}
+
 .marker-cluster {
 	background-clip: padding-box;
 	border-radius: 20px;

vendor/leaflet.markercluster/MarkerCluster.Default.ie.css

@@ -1,22 +0,0 @@
- /* IE 6-8 fallback colors */
-.marker-cluster-small {
-	background-color: rgb(181, 226, 140);
-	}
-.marker-cluster-small div {
-	background-color: rgb(110, 204, 57);
-	}
-
-.marker-cluster-medium {
-	background-color: rgb(241, 211, 87);
-	}
-.marker-cluster-medium div {
-	background-color: rgb(240, 194, 12);
-	}
-
-.marker-cluster-large {
-	background-color: rgb(253, 156, 115);
-	}
-.marker-cluster-large div {
-	background-color: rgb(241, 128, 23);
-}
-

vendor/leaflet.markercluster/MarkerCluster.css

@@ -1,6 +1,6 @@
 .leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow {
-	-webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-in;
-	-moz-transition: -moz-transform 0.25s ease-out, opacity 0.25s ease-in;
-	-o-transition: -o-transform 0.25s ease-out, opacity 0.25s ease-in;
-	transition: transform 0.25s ease-out, opacity 0.25s ease-in;
+	-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
+	-o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
+	transition: transform 0.3s ease-out, opacity 0.3s ease-in;
 	}