Validation page icons fix
Issue-ID: SDC-254
Change-Id: Ic724ba5d66cb1938ac166383a672d49e25b5d6e4
Signed-off-by: SVISHNEV <shlomo-stanisla.vishnevetskiy@amdocs.com>
diff --git a/openecomp-ui/resources/scss/common/_typography.scss b/openecomp-ui/resources/scss/common/_typography.scss
index 94e1ba4..95d6d88 100644
--- a/openecomp-ui/resources/scss/common/_typography.scss
+++ b/openecomp-ui/resources/scss/common/_typography.scss
@@ -139,7 +139,7 @@
}
.warning-text {
- color: $orange;
+ color: $yellow;
}
.error-text {
color: $red;
diff --git a/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss b/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
index 0e092dd..bd47fbb 100644
--- a/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
+++ b/openecomp-ui/resources/scss/modules/_softwareProductAttachmentPage.scss
@@ -91,11 +91,6 @@
z-index: 1;
padding-right: 20px;
.counter {
- .svg-icon {
- &.__exclamationTriangleLine {
- fill :$orange;
- }
- }
display: flex;
&:first-child {
margin-right: 20px;
@@ -220,7 +215,6 @@
.svg-icon {
width: 20px;
height: 20px;
- fill: $orange;
}
}
.error-item-file-type {
diff --git a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/validation/HeatValidationView.jsx b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/validation/HeatValidationView.jsx
index 62dcb82..2a2f4ac 100644
--- a/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/validation/HeatValidationView.jsx
+++ b/openecomp-ui/src/sdc-app/onboarding/softwareProduct/attachments/validation/HeatValidationView.jsx
@@ -205,7 +205,7 @@
key={error.name + error.errorMessage + error.parentName + rand}
className='error-item' data-test-id='validation-error'>
{error.level === errorLevels.WARNING ?
- <SVGIcon name='exclamationTriangleLine' iconClassName='large' color='warning' /> : <SVGIcon iconClassName='large' color='negative' /> }
+ <SVGIcon name='exclamationTriangleLine' iconClassName='large' color='warning' /> : <SVGIcon name='error' iconClassName='large' color='negative' /> }
<span className='error-item-file-type'>
{
(this.props.selectedNode === nodeFilters.ALL) ?
@@ -238,7 +238,7 @@
return (<div className='counters'>
{(errors.errorCount > 0) && <div className='counter'>
<SVGIcon name='error' color='negative' iconClassName={size}/>
- <div className={'error-text ' + (size ? size : '')} data-test-id='validation-error-count'>={errors.errorCount}</div>
+ <div className={'error-text ' + (size ? size : '')} data-test-id='validation-error-count'>{errors.errorCount}</div>
</div>}
{(errors.warningCount > 0) && <div className='counter'>
<SVGIcon name='exclamationTriangleLine' iconClassName={size} color='warning'/>