[silva.infrae.contact][Kit Blake] Improving error feedback

author:    Kit Blake
date:      Sun Oct 27 11:28:59 2013 +0100
revision:  16:5bc4dc2b6137 in silva.infrae.contact
branch:    
details:   https://hg.infrae.com/silva.infrae.contact?cmd=changeset;node=5bc4dc2b6137
modified:  src/silva/infrae/contact/static/contactform.css
added:     
removed:   
log:       Improving error feedback


diffstat:

 src/silva/infrae/contact/static/contactform.css |  34 ++++++++++++++++++++++++-
 1 files changed, 33 insertions(+), 1 deletions(-)

diffs (68 lines):

diff -r f57c99a3a74c -r 5bc4dc2b6137 src/silva/infrae/contact/static/contactform.css
--- a/src/silva/infrae/contact/static/contactform.css	Sun Oct 27 08:53:32 2013 +0100
+++ b/src/silva/infrae/contact/static/contactform.css	Sun Oct 27 11:28:59 2013 +0100
@@ -9,8 +9,13 @@
   margin: 0.33em 0;
 }
 
+#contactusform input.field {
+  padding: 3px 2px;
+  border: 1px solid #888;
+}
+
 #contactusform textarea {
-  padding: 2px;
+  padding: 3px 2px;
   border: 1px solid #888;
   resize: vertical;
 }
@@ -31,6 +36,7 @@
 }
 
 #contactusform p.form-status,
+  #contactusform p.field-error,
 #contactusform p.form-error {
   margin-bottom: 0;
   line-height: inherit;
@@ -51,11 +57,32 @@
 
 div.form-error,
 div.field-error,
+  p.field-error,
 span.field-error {
   color: #fc0;
   font-weight: bold;
 }
 
+#contactusform br + input.field {
+  border: 1px solid #f00;
+}
+
+  #contactusform span + input.field {
+    border: 1px solid #f00;
+  }
+
+  #contactusform p + input.field {
+    border: 1px solid #f00;
+  }
+
+#contactusform br + input.field {
+  border: 1px solid #f00;
+}
+
+  #contactusform span + input.field {
+    border: 1px solid #f00;
+  }
+
 .form-status a:link {
   color: #ccc;
 }
@@ -69,3 +96,8 @@
   color: #fff;
   font-weight: bold;
 }
+
+/* remove if redundancy gets fixed */
+div.form-error {
+  display:none;
+}