[SDC] Full OnBoard health-check and NFoD support

Change-Id: I606f8a52c7e6d2bd5558f824957d890e552c5423
Signed-off-by: Avi Ziv <avi.ziv@amdocs.com>

5 files changed, 42 insertions, 18 deletions

diff --git a/openecomp-ui/resources/scss/components/_datepicker.scss b/openecomp-ui/resources/scss/components/_datepicker.scss
index 593bb09d7d..d51a1b690e 100644
--- a/openecomp-ui/resources/scss/components/_datepicker.scss
+++ b/openecomp-ui/resources/scss/components/_datepicker.scss
@@ -1,5 +1,6 @@
 .customized-date-picker {
 	margin-bottom: 24px;
+	display: flex;
 	.date-picker-label {
 		&.required {
 			&:before {
@@ -13,27 +14,38 @@
 		color: $dark-gray;
 		margin-bottom: 8px;
 	}
+	.react-datepicker__input-container {
+		flex: 1;
+		cursor: pointer;
+	}
 	.datepicker-custom-input {
 		display: flex;
 		justify-content: space-between;
-		width: 243px;
+		align-items: center;
 		height: 30px;
 		border-radius: 2px;
 		color: $dark-gray;
 		border: 1px solid $light-gray;
-		padding: 6px 12px;
+		padding: 6px 8px 6px 12px;
+		.clear-input {
+				margin-left: auto;
+				margin-right: 8px;
+				.svg-icon {
+					fill: transparent;
+					height: 8px;
+					width: 8px;
+				}
+			}
 		&:hover {
 			border-color: $gray;
 			.clear-input {
-				&:before {
-					cursor: pointer;
-					content: 'x';
+				.svg-icon {
+					fill: initial;
 				}
 			}
 		}
 		.datepicker-text {
 			cursor: pointer;
-			width: 170px;
 			@extend .body-1;
 			&.placeholder {
 				color: $light-gray;
@@ -43,9 +55,13 @@
 		.calendar-input {
 			fill: $light-gray;
 		}
+		.svg-icon-wrapper.calendar {
+			.svg-icon {
+				fill: $dark-gray;
+				width: 17px;
+				height: 17px;
+			}
+		}
 	}
-
-
-
 }
 
diff --git a/openecomp-ui/resources/scss/components/_dualListBox.scss b/openecomp-ui/resources/scss/components/_dualListBox.scss
index 4a1a940c34..4353ab39e8 100644
--- a/openecomp-ui/resources/scss/components/_dualListBox.scss
+++ b/openecomp-ui/resources/scss/components/_dualListBox.scss
@@ -7,8 +7,7 @@
 	}
 
   .dual-search-multi-select-section {
-    $multi-select-box-width: 398px;
-    width: $multi-select-box-width;
+    flex: 1;
     .dual-text-box-search-title, .dual-list-box-multi-select-text {
       @extend .body-1;
       color: $dark-gray;
diff --git a/openecomp-ui/resources/scss/components/_notifications.scss b/openecomp-ui/resources/scss/components/_notifications.scss
index 7165e57ef9..5b10dee0ee 100644
--- a/openecomp-ui/resources/scss/components/_notifications.scss
+++ b/openecomp-ui/resources/scss/components/_notifications.scss
@@ -18,6 +18,12 @@
     .modal-content .modal-header {
       border-top: 3px solid $red;
     }
+	}
+	
+	&.negative {
+    .modal-content .modal-header {
+      border-top: 3px solid $red;
+    }
   }
 
   &.warning {
diff --git a/openecomp-ui/resources/scss/components/_selectActionTable.scss b/openecomp-ui/resources/scss/components/_selectActionTable.scss
index 4e42b6ce5b..79a5432ef1 100644
--- a/openecomp-ui/resources/scss/components/_selectActionTable.scss
+++ b/openecomp-ui/resources/scss/components/_selectActionTable.scss
@@ -72,6 +72,11 @@
 				fill: $green;
 			  }
 			}
+			.svg-icon-wrapper.hideDelete {
+				.svg-icon {
+					fill: $white;
+				}
+			}
 			.select-action-table-row {
 				display: flex;
 				flex: 1;
@@ -80,6 +85,7 @@
 				&.has-error {
 					border-color: $red;
 				}
+
 				.select-action-table-cell {
 					flex: 1;
 					border-right: 1px solid;
@@ -127,10 +133,9 @@
 						border-bottom: 1px solid $blue;
 						overflow: auto;
 						.Select-menu {
-							display: inline-block;
 							.Select-option {
-								width: 100%;
-								display: inline-block;
+								overflow: hidden;
+								text-overflow: ellipsis;
 								border-bottom: 1px solid $light-gray;
 								&:hover {
 									background-color: $blue;
diff --git a/openecomp-ui/resources/scss/components/_validationForm.scss b/openecomp-ui/resources/scss/components/_validationForm.scss
index 46269ad699..e4aac32b74 100644
--- a/openecomp-ui/resources/scss/components/_validationForm.scss
+++ b/openecomp-ui/resources/scss/components/_validationForm.scss
@@ -7,12 +7,10 @@ form {
     .validation-radio-wrapper {
       position: relative;
     }
-    .nav-tabs {
+    .sdc-tabs {
       position: relative;
-      .invalid-tab:not(.active) {
-        a {
+      .invalid-tab:not(.sdc-tab-active) {
           color: $red;
-        }
       }
     }
     .validation-error-message {