Shade input cell background for error fields in forms.

malcolmt · Aug 16, 2010 · f7f11a0 · f7f11a0
1 parent 9b2e85d
commit f7f11a0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/general/templates/general/form_tag.html b/general/templates/general/form_tag.html
@@ -5,7 +5,8 @@
     <th>{% if show_required and field.field.required and field.field.widget.input_type %}
         <span class="required">(*)</span>{% endif %}
         {{ field.label }}</th>
-    <td>{{ field }}{% if forloop.first %}
+    <td {% if field.errors %}class="error_field"{% endif %}>{{ field }}
+        {% if forloop.first %}
         <input type='hidden' name='csrfmiddlewaretoken' value='{{ csrf_token }}' />
         {% for hidden in form.hidden_fields %}{{ hidden }}{% endfor %}
         {% endif %}</td>

diff --git a/static/css/style.layout.css b/static/css/style.layout.css
@@ -54,7 +54,6 @@
 
 form th, form td {
         border-color: #b7ca79;
-        line-height: 2.5em;
 }
 
 form th {
@@ -89,3 +88,7 @@ form table .errors {
         list-style: none;
 }
 
+.error_field {
+	background: #faa;
+}
+