Mercurial > kallithea

changeset 6691:4c2d11e8d7cb

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
style: restore styling for 'error-message' class, used by formencode htmlfill 35d3a85fc650 removed some CSS styling that still is needed for reporting errors, for example invalid username/password in the login form. The htmlfill library injects messages with 'error-message' class on errors, like: <span class="error-message">Please enter an integer value</span> There is however nothing that adds the 'success' class.
author Mads Kiilerich <mads@kiilerich.com>
date Sat, 17 Jun 2017 23:36:12 +0200
parents b27f5a64430f
children 89e50be94fcb
files kallithea/public/css/style.css
diffstat 1 files changed, 9 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/css/style.css	Sun Sep 18 20:00:46 2016 +0200
+++ b/kallithea/public/css/style.css	Sat Jun 17 23:36:12 2017 +0200
@@ -2380,6 +2380,8 @@
     margin: 10px 24px 10px 44px;
 }
 
+
+/* formencode htmlfill adds 'error' to failing input fields */
 #content div.panel div.form div.form-horizontal div.form-group > div input.error,
 #login div.form div.form-horizontal div.form-group > div input.error,
 #register div.form div.form-horizontal div.form-group > div input.error {
@@ -2390,14 +2392,13 @@
     border-bottom: 1px solid #FBC2C4;
 }
 
-#content div.panel div.form div.form-horizontal div.form-group > div input.success,
-#login div.form div.form-horizontal div.form-group > div input.success,
-#register div.form div.form-horizontal div.form-group > div input.success {
-    background: #E6EFC2;
-    border-top: 1px solid #cebb98;
-    border-left: 1px solid #cebb98;
-    border-right: 1px solid #c6d880;
-    border-bottom: 1px solid #c6d880;
+/* formencode htmlfill injects 'error-message' */
+#content div.panel div.form div.form-horizontal div.form-group span.error-message,
+#login div.form div.form-horizontal div.form-group span.error-message,
+#register div.form div.form-horizontal div.form-group span.error-message {
+    display: inline-block;
+    color: red;
+    margin: 4px 0 0;
 }
 
 #content div.panel table th.selected input,