Added preventative styling to inline directions panel table, switched to unitless line-heights

bjorn2404 · bjorn2404 · commit ae2379005e63 · 2015-12-13T00:55:15.000-06:00
diff --git a/bower.json b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",
diff --git a/dist/assets/css/storelocator.css b/dist/assets/css/storelocator.css
@@ -63,8 +63,7 @@
       box-sizing: border-box;
       border: 1px solid #cccccc;
       border-radius: 4px;
-      font: normal 14px/18px Arial, Helvetica, sans-serif;
-      line-height: 16px;
+      font: normal 14px/1.4 Arial, Helvetica, sans-serif;
       margin: 15px 0;
       padding: 6px 12px;
       width: 100%;
@@ -80,7 +79,7 @@
     color: white;
     cursor: pointer;
     float: left;
-    font: bold 14px/18px Arial, Helvetica, sans-serif;
+    font: bold 14px/1.4 Arial, Helvetica, sans-serif;
     margin-top: 3px;
     padding: 6px 12px;
     white-space: nowrap;
@@ -118,8 +117,7 @@
           box-sizing: border-box;
           border: 1px solid #cccccc;
           border-radius: 4px;
-          font: normal 14px/18px Arial, Helvetica, sans-serif;
-          line-height: 16px;
+          font: normal 14px/1.4 Arial, Helvetica, sans-serif;
           padding: 6px 12px;
           -webkit-border-radius: 4px; }
   .bh-sl-container .bh-sl-map-container {
@@ -133,7 +131,7 @@
     .bh-sl-container .bh-sl-map-container a {
       color: #005293;
       text-decoration: none; }
-      .bh-sl-container .bh-sl-map-container a:focus, .bh-sl-container .bh-sl-map-container a:hover, .bh-sl-container .bh-sl-map-container a:active {
+      .bh-sl-container .bh-sl-map-container a:active, .bh-sl-container .bh-sl-map-container a:focus, .bh-sl-container .bh-sl-map-container a:hover {
         text-decoration: underline; }
   .bh-sl-container .bh-sl-loc-list {
     font-size: 13px;
@@ -186,13 +184,25 @@
     .bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container {
       height: 20px;
       position: relative;
-      width: 100%;
-      /* Avoid issues with table-layout */ }
-      .bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container table {
-        table-layout: auto; }
+      width: 100%; }
       .bh-sl-container .bh-sl-loc-list .bh-sl-close-directions-container .bh-sl-close-icon {
         right: 6px;
         top: 0; }
+    .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel {
+      margin: 0 2%;
+      /* Avoid issues with table-layout */ }
+      .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel table {
+        table-layout: auto; }
+      .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel table, .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel td {
+        vertical-align: middle;
+        border-collapse: separate; }
+      .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel td {
+        padding: 1px; }
+      .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel .adp-placemark {
+        margin: 10px 0;
+        border: 1px solid #c0c0c0; }
+      .bh-sl-container .bh-sl-loc-list .bh-sl-directions-panel .adp-marker {
+        padding: 3px; }
     .bh-sl-container .bh-sl-loc-list .bh-sl-noresults-title {
       font-weight: bold;
       margin: 15px; }
diff --git a/dist/assets/css/storelocator.min.css b/dist/assets/css/storelocator.min.css
diff --git a/dist/assets/js/plugins/storeLocator/jquery.storelocator.js b/dist/assets/js/plugins/storeLocator/jquery.storelocator.js
@@ -1,4 +1,4 @@
-/*! jQuery Google Maps Store Locator - v2.3.0 - 2015-12-12
+/*! jQuery Google Maps Store Locator - v2.3.1 - 2015-12-13
 * http://www.bjornblog.com/web/jquery-store-locator-plugin
 * Copyright (c) 2015 Bjorn Holine; Licensed MIT */
 
diff --git a/dist/assets/js/plugins/storeLocator/jquery.storelocator.min.js b/dist/assets/js/plugins/storeLocator/jquery.storelocator.min.js
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "jquery-storelocator-plugin",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
   "repository": {
     "type": "git",
diff --git a/readme.md b/readme.md
@@ -27,6 +27,11 @@ for even faster loading.
 
 ## Changelog
 
+### Version 2.3.1
+
+* Added preventative styling to inline directions panel table.
+* Switched to unitless line-heights.
+
 ### Version 2.3.0
 
 * Added fullMapStartBlank option to show a blank map without any locations initially. Set this setting to an integer, 
diff --git a/src/css/storelocator.scss b/src/css/storelocator.scss
@@ -29,8 +29,10 @@ $tabletLarge: '(min-width: 1024px)';
 }
 
 /* Infowindow Roboto font override */
-.gm-style div, .gm-style span, .gm-style label, .gm-style a {
-	font-family: $arialFont;
+.gm-style {
+	div, span, label, a {
+		font-family: $arialFont;
+	}
 }
 
 .bh-sl-error {
@@ -96,8 +98,7 @@ $tabletLarge: '(min-width: 1024px)';
 			box-sizing: border-box;
 			border: 1px solid $gray;
 			border-radius: 4px;
-			font: normal 14px/18px $arialFont;
-			line-height: 16px;
+			font: normal 14px/1.4 $arialFont;
 			margin: 15px 0;
 			padding: 6px 12px;
 			width: 100%;
@@ -118,7 +119,7 @@ $tabletLarge: '(min-width: 1024px)';
 		color: $white;
 		cursor: pointer;
 		float: left;
-		font: bold 14px/18px $arialFont;
+		font: bold 14px/1.4 $arialFont;
 		margin-top: 3px;
 		padding: 6px 12px;
 		white-space: nowrap;
@@ -167,8 +168,7 @@ $tabletLarge: '(min-width: 1024px)';
 					box-sizing: border-box;
 					border: 1px solid $gray;
 					border-radius: 4px;
-					font: normal 14px/18px $arialFont;
-					line-height: 16px;
+					font: normal 14px/1.4 $arialFont;
 					padding: 6px 12px;
 					-webkit-border-radius: 4px;
 				}
@@ -190,10 +190,10 @@ $tabletLarge: '(min-width: 1024px)';
 		a {
 			color: $blue;
 			text-decoration: none;
-			
+
+			&:active,
 			&:focus,
-			&:hover,
-			&:active {
+			&:hover {
 				text-decoration: underline;
 			}
 		}
@@ -267,15 +267,37 @@ $tabletLarge: '(min-width: 1024px)';
 			height: 20px;
 			position: relative;
 			width: 100%;
+
+			.bh-sl-close-icon {
+				right: 6px;
+				top: 0;
+			}
+		}
+
+		.bh-sl-directions-panel {
+			margin: 0 2%;
 			
 			/* Avoid issues with table-layout */
 			table {
 				table-layout: auto;
 			}
 
-			.bh-sl-close-icon {
-				right: 6px;
-				top: 0;
+			table, td {
+				vertical-align: middle;
+				border-collapse: separate;
+			}
+
+			td {
+				padding: 1px;
+			}
+
+			.adp-placemark {
+				margin: 10px 0;
+				border: 1px solid #c0c0c0;
+			}
+
+			.adp-marker {
+				padding: 3px;
 			}
 		}
 
diff --git a/storelocator.jquery.json b/storelocator.jquery.json
@@ -3,7 +3,7 @@
     "title": "jQuery Google Maps Store Locator",
     "description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",
     "keywords": ["jquery","locator","store", "location", "locations", "maps", "map", "stores", "find"],
-    "version": "2.3.0",
+    "version": "2.3.1",
     "author": {
         "name": "Bjorn Holine",
         "url": "http://www.bjornblog.com/"

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "jquery-storelocator-plugin",`
`3`		`- "version": "2.3.0",`
	`3`	`+ "version": "2.3.1",`
`4`	`4`	`"description": "This jQuery plugin takes advantage of Google Maps API version 3 to create an easy to implement store locator. No back-end programming is required, you just need to feed it KML, XML, or JSON data with all the location information.",`
`5`	`5`	`"repository": {`
`6`	`6`	`"type": "git",`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/*! jQuery Google Maps Store Locator - v2.3.0 - 2015-12-12`
	`1`	`+/*! jQuery Google Maps Store Locator - v2.3.1 - 2015-12-13`
`2`	`2`	`* http://www.bjornblog.com/web/jquery-store-locator-plugin`
`3`	`3`	`* Copyright (c) 2015 Bjorn Holine; Licensed MIT */`
`4`	`4`