Added detection for pre-BB OS6 and disabled box-shadow on form fields…

… for those devices.
wet-boew · Sep 16, 2012 · 64c26c6 · 64c26c6
1 parent 92e45ca
commit 64c26c6
Show file tree

Hide file tree

Showing 6 changed files with 18 additions and 8 deletions.
diff --git a/build/grids/css/util-ie-min.css b/build/grids/css/util-ie-min.css
diff --git a/build/grids/css/util-min.css b/build/grids/css/util-min.css
diff --git a/build/js/jquery.min.js b/build/js/jquery.min.js
diff --git a/build/js/pe-ap-min.js b/build/js/pe-ap-min.js
diff --git a/src/grids/sass/includes/_form.scss b/src/grids/sass/includes/_form.scss
@@ -270,7 +270,16 @@
 			&:focus, &:active { @include box-shadow(darken($alert, 37%)); }
 		}
 	}
-
+
+	.bb-pre6 {
+		input, textarea, select {
+			@include box-shadow(none);
+		}
+		&:focus, &:active {
+			@include box-shadow(none);
+		}
+	}
+
 	// apply color to form text elements
 	.form-help-block, .form-text-inline, > label {
 		.form-confirm & { color: darken($summary, 5%); }

diff --git a/src/js/pe-ap.js b/src/js/pe-ap.js
@@ -54,7 +54,7 @@
 		* @returns {void}
 		*/
 		_init: function () {
-			var hlinks, hlinks_same, hlinks_other, $this, url, target, init_on_mobileinit = false;
+			var $html = $('html'), hlinks, hlinks_same, hlinks_other, $this, url, target, init_on_mobileinit = false;
 
 			// Load polyfills that need to be loaded before anything else
 			pe.polyfills.init();
@@ -65,7 +65,7 @@
 			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' : '');
+			$html.removeClass('no-js').addClass(wet_boew_theme !== null ? wet_boew_theme.theme : '').addClass(pe.touchscreen ? 'touchscreen' : '');
 
 			hlinks = pe.main.find("a").filter(function () {
 				return this.href.indexOf('#') !== -1;
@@ -81,6 +81,7 @@
 			if (pe.mobilecheck()) {
 				pe.mobile = true;
 				$('body > div').attr('data-role', 'page').addClass('ui-page-active');
+				$html.addClass(navigator.userAgent.indexOf('BlackBerry') === 0 ? 'bb-pre6' : '');
 
 				pe.document.on('mobileinit', function () {
 					$.extend($.mobile, {