Luke Plant avatar Luke Plant committed 1f41001

Improved form usability by changing appearance of error messages

The actual error message is set off in a different background so that the
eye is drawn to it. Also, use red instead of orange.

Comments (0)

Files changed (1)

cciw/cciwmain/static/css/style.css

 
 div.userError,
 div.validationErrors {
-    background-color: #ffbe73;
-    border-top: 1px solid #ff8900;
-    border-bottom: 1px solid #ff8900;
+    border: 1px solid #ff8080;
+}
+
+div.fieldMessages {
+    background-color: red;
+    color: white;
+    padding-bottom: 2px;
+    margin-bottom: 6px;
 }
 
 .successMessage
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.