ui: added styling for error messages

Author: 0einstein0

invenio_app_rdm/config.py

@@ -935,6 +935,7 @@ def github_link_render(record):
         "metadata.version",
         "metadata.publisher",
     ],
+    "funding-section": ["metadata.funding"],
     "alternate-identifiers-section": ["metadata.identifiers"],
     "related-works-section": ["metadata.related_identifiers"],
     "visibility-section": ["access.embargo.until"],

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/collections/form.overrides

@@ -155,11 +155,25 @@
 
 .generate-ck-editor-heights(30);
 
-.ui.form .error-label {
+.ui.form .accordion-label {
   padding: 0.5rem 0.7rem !important;
-  background-color: @errorTextColor;
-  color: white;
   margin-left: 1rem;
+  &.error {
+    background-color: @errorTextColor;
+    color: white;
+  }
+  &.info {
+    background-color: @infoBackgroundColor;
+    color: @infoTextColor;
+  }
+  &.warning {
+    background-color: @warningBackgroundColor;
+    color: @warningTextColor;
+  }
+  &.failure {
+    background-color: @errorBackgroundColor;
+    color: @errorTextColor;
+  }
 }
 
 .ui.form .success.message,

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/collections/message.variables

@@ -3,3 +3,5 @@
 ***********************************************/
 
 @infoTextColor: #0e576c;
+@infoBackgroundColor: #f8ffff;
+@infoBorderColor: #a9d5de;

invenio_app_rdm/theme/assets/semantic-ui/less/invenio_app_rdm/theme/elements/label.overrides

@@ -28,6 +28,31 @@
   &.transparent {
     background-color: transparent;
   }
+
+  &.info {
+    border: 1px solid @infoBorderColor;
+    background-color: @infoBackgroundColor;
+    color: @infoTextColor;
+  }
+
+  &.warning {
+    border: 1px solid @warningColor;
+    background-color: @warningBackgroundColor;
+    color: @warningColor;
+  }
+
+  &.failure {
+    border: 1px solid @errorTextColor;
+    background-color: @errorBackgroundColor;
+    color: @errorTextColor;
+  }
+}
+
+
+.ui.prompt.label.warning
+{
+ background-color: @warningColor;
+
 }
 
 .subject {