allow multi-select lists in forms

diff --git a/bootstrap-1.3.0.css b/bootstrap-1.3.0.css
index d9df53d0e3f4a35f3d7b5104012dfb5ea76c2daa..d7ba6bf2d3f2956fe1fb4355468fd1cd5ac6357c 100644 (file)
--- a/bootstrap-1.3.0.css
+++ b/bootstrap-1.3.0.css
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Tue Sep 13 22:22:48 PDT 2011
+ * Date: Wed Sep 14 08:56:48 PDT 2011
  */
 /* Reset.less
  * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here      that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).
@@ -676,6 +676,9 @@ select, input[type=file] {
   /* For IE7, add top margin to align select with labels */
 
 }
+select[multiple] {
+  height: inherit;
+}
 textarea {
   height: auto;
 }

diff --git a/bootstrap-1.3.0.min.css b/bootstrap-1.3.0.min.css
index 415188b79a4830e1b7c9bc9d35c03e095aa5117f..e4d8e002e16a19ea92edb0852e044378b4ff0663 100644 (file)
--- a/bootstrap-1.3.0.min.css
+++ b/bootstrap-1.3.0.min.css
@@ -117,6 +117,7 @@ input[type=checkbox],input[type=radio]{width:auto;height:auto;padding:0;margin:3
 input[type=file]{background-color:#ffffff;padding:initial;border:initial;line-height:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
 input[type=button],input[type=reset],input[type=submit]{width:auto;height:auto;}
 select,input[type=file]{height:27px;line-height:27px;*margin-top:4px;}
+select[multiple]{height:inherit;}
 textarea{height:auto;}
 .uneditable-input{background-color:#ffffff;display:block;border-color:#eee;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.025);cursor:not-allowed;}
 :-moz-placeholder{color:#bfbfbf;}

diff --git a/docs/index.html b/docs/index.html
index 41bf39b70e52c38401e9889cea5a8c7df7f8a86c..3965da1b7b7fd6ee9a8954bf24e033d8bf656c92 100644 (file)
--- a/docs/index.html
+++ b/docs/index.html
@@ -1005,6 +1005,18 @@
               </select>
             </div>
           </div><!-- /clearfix -->
+          <div class="clearfix">
+            <label for="multiSelect">Multiple select</label>
+            <div class="input">
+              <select class="medium" multiple="multiple" name="multiSelect" id="multiSelect">
+                <option>1</option>
+                <option>2</option>
+                <option>3</option>
+                <option>4</option>
+                <option>5</option>
+              </select>
+            </div>
+          </div><!-- /clearfix -->
           <div class="clearfix">
             <label>Uneditable input</label>
             <div class="input">

diff --git a/lib/forms.less b/lib/forms.less
index 4c307fe081d610be2f6a0b238928f39e4e73d957..944d16af66bc32933fae3e9c57943d1b6233d414 100644 (file)
--- a/lib/forms.less
+++ b/lib/forms.less
@@ -110,6 +110,11 @@ input[type=file] {
   *margin-top: 4px; /* For IE7, add top margin to align select with labels */
 }
 
+// Make multiple select elements height not fixed
+select[multiple] {
+  height: inherit;
+}
+
 textarea {
   height: auto;
 }