]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
fix error styles a bit on stacked form fields
authorMark Otto <mark.otto@twitter.com>
Sun, 21 Aug 2011 06:56:32 +0000 (23:56 -0700)
committerMark Otto <mark.otto@twitter.com>
Sun, 21 Aug 2011 06:56:32 +0000 (23:56 -0700)
bootstrap-1.0.0.css
bootstrap-1.0.0.min.css
docs/index.html
lib/forms.less

index ae25e3066e0834e0ee19c97f39b4e0d09395aea6..ba4111d9ad85cfbb6171b2be10828b0a953ce245 100644 (file)
@@ -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: Sat Aug 20 23:46:35 PDT 2011
+ * Date: Sat Aug 20 23:56:06 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).
@@ -969,6 +969,13 @@ form.form-stacked ul.inputs-list li label {
   font-weight: normal;
   padding-top: 0;
 }
+form.form-stacked div.error {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  padding-left: 10px;
+  margin-top: 0;
+  margin-left: -10px;
+}
 form.form-stacked div.actions {
   margin-left: -20px;
   padding-left: 20px;
index 1c4eec5e64a0ed54714fdb788c9ecb03f3dc011f..d98fccf2ff8150aae402af0dceeed295345ef048 100644 (file)
@@ -130,6 +130,7 @@ form.form-stacked legend{margin-left:0;}
 form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
 form.form-stacked div.clearfix{margin-bottom:9px;}form.form-stacked div.clearfix div.input{margin-left:0;}
 form.form-stacked ul.inputs-list{margin-bottom:0;}form.form-stacked ul.inputs-list li{padding-top:0;}form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;}
+form.form-stacked div.error{padding-top:10px;padding-bottom:10px;padding-left:10px;margin-top:0;margin-left:-10px;}
 form.form-stacked div.actions{margin-left:-20px;padding-left:20px;}
 table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;}
 table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
index b53037cd8f818a334afdf3a8391a19be7bbb4fbb..940478c2deadf87b56acceffc5e368802b4552b2 100644 (file)
         </fieldset>
         <fieldset>
           <legend>Example form legend</legend>
+          <div class="clearfix error">
+            <label for="xlInput">X-Large Input</label>
+            <div class="input">
+              <input class="xlarge error" id="xlInput" name="xlInput" size="30" type="text" />
+              <span class="help-inline">Small snippet of help text</span>
+            </div>
+          </div> <!-- /clearfix -->
           <div class="clearfix">
             <label id="optionsCheckboxes">List of Options</label>
             <div class="input">
index f958693fc4bcca436d27f58ffe787f4e97b0e331..ae67acd0094aaf534be5420c0db218cfb9c0c8cd 100644 (file)
@@ -342,6 +342,13 @@ form.form-stacked {
       }
     }
   }
+  div.error {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    padding-left: 10px;
+    margin-top: 0;
+    margin-left: -10px;
+  }
   div.actions {
     margin-left: -20px;
     padding-left: 20px;