Mercurial > kallithea

changeset 7070:0ad309300bd8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
less: use @alert-danger-text and .alert-danger instead of custom style
author domruf <dominikruf@gmail.com>
date Sun, 29 Oct 2017 12:24:01 +0100
parents 4d888981c3bc
children 057ef81c18e9
files kallithea/public/less/style.less
diffstat 1 files changed, 13 insertions(+), 27 deletions(-) [+]
line wrap: on
line diff
--- a/kallithea/public/less/style.less	Wed Dec 13 01:38:52 2017 +0100
+++ b/kallithea/public/less/style.less	Sun Oct 29 12:24:01 2017 +0100
@@ -95,6 +95,19 @@
   min-height: 0.01%;
 }
 
+/* use @alert-danger-text for form error messages and .alert-danger for the input element */
+.form-group .error-message {
+  color: @alert-danger-text;
+  display: inline-block;
+  padding-top: 5px;
+  &:empty{
+    display: none;
+  }
+}
+input.error {
+  .alert-danger;
+}
+
 /* language bars (summary page) */
 #lang_stats {
   .progress-bar {
@@ -704,25 +717,6 @@
 #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-group > div input.error,
-#login div.form div.form-group > div input.error,
-#register div.form 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;
-}
-/* formencode htmlfill injects 'error-message' */
-#content div.panel div.form div.form-group span.error-message,
-#login div.form div.form-group span.error-message,
-#register div.form div.form-group span.error-message {
-  display: inline-block;
-  color: red;
-  margin: 4px 0 0;
-}
-
 #content div.panel div.form div.form-group > div {
   margin: 0 0 10px 200px;
 }
@@ -759,14 +753,6 @@
   margin: 10% auto 0;
   padding: 0;
 }
-#register div.form div.form-group span.error-message {
-  height: 1%;
-  display: block;
-  color: red;
-  margin: 8px 0 0;
-  padding: 0;
-  max-width: 320px;
-}
 .ac .match {
   font-weight: 700;
   padding-top: 5px;