#446 Changes after API implementation

src/assets/css/inputs.css

@@ -450,12 +450,13 @@ input:checked + .input-slider:before {
 
 .input-error.input-primary,
 .input-error.input-primary * {
-    background-color: $brand-danger-light-color;
+    border-color: $brand-danger-color !important;
+    background-color: $brand-danger-light-color !important;
 }
 
 .input-error.input-secondary,
 .input-error.input-secondary * {
-    border-width: 2px;
+    border-color: $brand-danger-color !important;
 }
 
 .input-secondary .input-icon {

src/components/widget/List/RawList.js

@@ -266,17 +266,21 @@ class RawList extends Component {
                     'input-dropdown-container ' +
                     (readonly ? 'input-disabled ' : '') +
                     (rowId ? 'input-dropdown-container-static ' : '') +
-                    ((rowId && !isModal) ? 'input-table ' : '') +
-                    (validStatus &&
-                        !validStatus.valid &&
-                        !isOpen ? 'input-error ' : '')
+                    ((rowId && !isModal) ? 'input-table ' : '')
                 }
             >
                 <div className={
                     'input-dropdown input-block input-readonly input-' +
                     (rank ? rank : 'secondary') +
                     (updated ? ' pulse ' : ' ') +
-                    ((mandatory && !selected) ? 'input-mandatory ' : '')
+                    ((mandatory && !selected) ? 'input-mandatory ' : '') +
+                    (validStatus &&
+                        (
+                            !validStatus.valid &&
+                            !validStatus.initialValue
+
+                        ) &&
+                        !isOpen ? 'input-error ' : '')
                 }>
                     <div className={
                         'input-editable input-dropdown-focused ' +

src/components/widget/Lookup/Lookup.js

@@ -389,16 +389,20 @@ class Lookup extends Component {
                     (isOpen ? 'input-focused ' : '') +
                     (readonly ? 'input-disabled ' : '') +
                     (rowId ? 'input-dropdown-container-static ' : '') +
-                    ((rowId && !isModal)? 'input-table ' : '') +
-                    ((validStatus &&
-                        !validStatus.valid) ? 'input-error ' : '')
+                    ((rowId && !isModal)? 'input-table ' : '')
                 }
             >
                 <div className={
                     'input-dropdown input-block input-' + (rank ? rank : 'primary') +
                     (updated ? ' pulse-on' : ' pulse-off') +
                     (filterWidget ? ' input-full' : '') +
-                    (mandatory && isInputEmpty ? ' input-mandatory ' : '')
+                    (mandatory && isInputEmpty ? ' input-mandatory ' : '') +
+                    ((validStatus &&
+                        (
+                            !validStatus.valid &&
+                            !validStatus.initialValue
+                        )
+                    ) ? 'input-error ' : '')
                 }>
                     <div className={
                         'input-editable ' +

src/components/widget/RawWidget.js

@@ -106,13 +106,15 @@ class RawWidget extends Component {
         } = this.props;
 
         const {isEdited} = this.state;
-
         return 'input-block ' +
             (icon ? 'input-icon-container ' : '') +
             (widgetData[0].readonly || disabled ? 'input-disabled ' : '') +
             ((widgetData[0].validStatus &&
-                !widgetData[0].validStatus.valid &&
-                !isEdited)  ? 'input-error ' : '') +
+                (
+                    !widgetData[0].validStatus.valid &&
+                    !widgetData[0].validStatus.initialValue
+                ) &&
+                !isEdited) ? 'input-error ' : '') +
             (widgetData[0].mandatory &&
                 widgetData[0].value &&
                 widgetData[0].value.length === 0 ? 'input-mandatory ' : '') +