edit: fix editor validation colors

Co-Authored-by: Johnny Mariéthoz <johnny.mariethoz@rero.ch>
rero · Dec 10, 2019 · a308147 · a308147
1 parent e73818f
commit a308147
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 0 deletions.
diff --git a/projects/admin/src/app/scss/styles.scss b/projects/admin/src/app/scss/styles.scss
@@ -20,6 +20,7 @@
 @import 'node_modules/bootstrap/scss/bootstrap';
 @import "~ngx-toastr/toastr-bs4-alert";
 
+
 html [type=button] {
   -webkit-appearance: none;
 }
@@ -61,3 +62,31 @@ header {
   vertical-align: top;
   content: " \f08e";
 }
+
+
+
+json-schema-form {
+  input.ng-valid,
+  textarea.ng-valid {
+    border-left: 5px solid $form_valid;
+  }
+
+  input.ng-invalid,
+  textarea.ng-invalid {
+    border-left: 5px solid $form_error; /* red */
+  }
+
+  .required::after {
+    content: " *";
+    color: $form_required;
+  }
+
+  a.collapsed i.fa-caret-down {
+    transform: rotate(-90deg);
+  }
+
+  .rero-ils-person small {
+    font-size: $font-size-very-small;
+    vertical-align: top;
+  }
+}
diff --git a/projects/admin/src/app/scss/variables.scss b/projects/admin/src/app/scss/variables.scss
@@ -28,3 +28,7 @@ $navbar-brand-font-size:              ($font-size-base * 1.5);    // controls th
 $footer-height:                       50px;
 
 $form-check-input-margin-y:           .2rem !default;
+
+$form_error: #a94442;
+$form_required: red;
+$form_valid: green;