kallithea Changeset - 4c2d11e8d7cb

Changeset - 4c2d11e8d7cb

Parent rev.

Child rev.

[Not reviewed]

default

0 1 0

Mads Kiilerich - 8 years ago 2017-06-17 23:36:12
mads@kiilerich.com

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.

1 file changed with 9 insertions and 8 deletions:

kallithea/public/css/style.css

0 comments (0 inline, 0 general)

kallithea/public/css/style.css

➞

Show inline comments

@@ @@ -2371,42 +2371,43 @@ nav.navbar #quick .select2-container .se @@
 .repo-switcher-dropdown.select2-drop.select2-drop-active .select2-result-label {
     color: white;
+}
 #content div.panel ol.lower-roman,
 #content div.panel ol.upper-roman,
 #content div.panel ol.lower-alpha,
 #content div.panel ol.upper-alpha,
 #content div.panel ol.decimal {
     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 {
     background: #FBE3E4;
     border-top: 1px solid #e1b2b3;
     border-left: 1px solid #e1b2b3;
     border-right: 1px solid #FBC2C4;
     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,
 #content div.panel table td.selected input {
     margin: 0;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div {
     margin: 0 0 10px 200px;
+}
 #content div.panel div.form div.form-horizontal div.form-group > div a:hover,

0 comments (0 inline, 0 general)