Merge pull request #1622 from patheard/tabs-ie

Fixes #1598: added IE9 targeted fixes to .tabs-style-2/3
wet-boew · Mar 23, 2013 · 19e6848 · 19e6848
2 parents f901da6 + 77b4504
commit 19e6848
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/js/pe-ap.js b/src/js/pe-ap.js
@@ -153,8 +153,8 @@
 			pe.urlhash = pe.urlpage.hash;
 			pe.urlquery = pe.urlpage.params;
 
-			// Identify whether or not the device supports JavaScript and has a touchscreen
-			$html.removeClass('no-js').addClass(wet_boew_theme !== null ? wet_boew_theme.theme : '').addClass(pe.touchscreen ? 'touchscreen' : '');
+			// Identify whether or not the device supports JavaScript, has a touchscreen and is a modern version of IE
+			$html.removeClass('no-js').addClass(wet_boew_theme !== null ? wet_boew_theme.theme : '').addClass(pe.touchscreen ? 'touchscreen' : '').addClass(pe.ie > 8 ? 'ie' + parseInt(pe.ie, 10) : '');
 
 			hlinks = pe.bodydiv.find('#wb-main a, #wb-skip a').filter(function () {
 				return this.href.indexOf('#') !== -1;

diff --git a/src/js/sass/includes/_tabbedinterface.scss b/src/js/sass/includes/_tabbedinterface.scss
@@ -533,4 +533,25 @@
 	.tabs-panel > div {
 		display: block;
 	}
+}
+
+.ie9 {
+	.tabs-style-2 {
+		.tabs {
+			li {
+				a {
+					display: inline;
+				}
+			}
+		}
+	}
+	.tabs-style-3 {
+		.tabs {
+			li {
+				&:not(.tabs-toggle) {
+					display: inline;
+				}
+			}
+		}
+	}
 }