From: Mark Otto <markdotto@gmail.com>
Date: Sat, 28 Jan 2012 22:30:45 +0000 (-0800)
Subject: change .span* inputs to use content-sizing: border-box; to make them behave as block... 
X-Git-Tag: v2.0.0~6^2~76^2
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=9db4f2a344ebf452b88ac4af0261192f3a8e9eb6;p=thirdparty%2Fbootstrap.git

change .span* inputs to use content-sizing: border-box; to make them behave as block level elements
---

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index b991d1242e..19c465e445 100644
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -7,6 +7,33 @@
     display: block;
     line-height: 18px;
   }
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    height: 28px;
+    /* Make inputs at least the height of their button counterpart */
+  
+    /* Makes inputs behave like true block-level elements */
+  
+    -webkit-box-sizing: border-box;
+    /* Older Webkit */
+  
+    -moz-box-sizing: border-box;
+    /* Older FF */
+  
+    -ms-box-sizing: border-box;
+    /* IE8 */
+  
+    box-sizing: border-box;
+    /* CSS3 spec*/
+  
+  }
+  .input-prepend input[class*="span"], .input-append input[class*="span"] {
+    width: auto;
+  }
   input[type="checkbox"], input[type="radio"] {
     border: 1px solid #ccc;
   }
diff --git a/less/responsive.less b/less/responsive.less
index 2d49f2095e..ef2df5f1dc 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -33,6 +33,26 @@
     line-height: @baseLineHeight;
   }
 
+  // Make span* classes full width
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
+    display: block;
+    width: 100%;
+    height: 28px; /* Make inputs at least the height of their button counterpart */
+    /* Makes inputs behave like true block-level elements */
+    -webkit-box-sizing: border-box; /* Older Webkit */
+       -moz-box-sizing: border-box; /* Older FF */
+        -ms-box-sizing: border-box; /* IE8 */
+            box-sizing: border-box; /* CSS3 spec*/
+  }
+  // But don't let it screw up prepend/append inputs
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
+    width: auto;
+  }
+
   // Update checkboxes for iOS
   input[type="checkbox"],
   input[type="radio"] {