aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--openecomp-ui/package.json2
-rw-r--r--openecomp-ui/resources/scss/components/_submitErrorResponse.scss8
-rw-r--r--openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx9
3 files changed, 11 insertions, 8 deletions
diff --git a/openecomp-ui/package.json b/openecomp-ui/package.json
index 5f7c76d8fc..82b5dea888 100644
--- a/openecomp-ui/package.json
+++ b/openecomp-ui/package.json
@@ -40,7 +40,7 @@
"react-sortable": "^1.2.0",
"redux": "^3.3.1",
"restful-js": "^0.7.0",
- "sdc-ui": "1.6.2",
+ "sdc-ui": "1.6.8",
"uuid-js": "^0.7.5",
"validator": "^4.3.0"
},
diff --git a/openecomp-ui/resources/scss/components/_submitErrorResponse.scss b/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
index f045038193..ac5dd278b0 100644
--- a/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
+++ b/openecomp-ui/resources/scss/components/_submitErrorResponse.scss
@@ -1,4 +1,3 @@
-
.submit-error-response-view {
max-height: 500px;
overflow: auto;
@@ -8,7 +7,6 @@
.panel-title {
a {
&:after {
-
content: "(details)";
color: $link-blue;
float: right;
@@ -37,14 +35,16 @@
transform: rotate(270deg);
}
}
-
}
}
.error-code-list-item {
+ display: flex;
+ justify-content: flex-start;
.icon-label {
@extend .body-1;
color: $dark-gray;
+ margin-left: 10px;
}
.icon-component {
align-items: baseline;
@@ -53,7 +53,7 @@
.list-group-item {
.error-item-text {
margin-top:-2px;
- //position: fixed;
+ max-width: 100px;
}
}
.component-name-header {
diff --git a/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx b/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
index 1488c6c0bb..8d45d86a9d 100644
--- a/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
+++ b/openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx
@@ -109,13 +109,13 @@ const UploadErrorList = ({items}) => {
let generator = entries(items);
let errors = [];
- let i = 0;
for (let item of generator) {errors.push(
<div>
<div className='component-name-header'>{item.header}</div>
- {item.list.map(error => <ErrorMessage key={i++} warning={error.level === 'WARNING'} error={error.message}/> )}
+ {item.list.map((error, i) => <ErrorMessage key={i} warning={error.level === 'WARNING'} error={error.message}/> )}
</div>
);}
+
return (
<div>
{errors}
@@ -152,7 +152,10 @@ const ErrorHeader = ({errorType, collapsed, onClick}) => {
const ErrorMessage = ({error, warning}) => {
return (
<ListGroupItem className='error-code-list-item'>
- <SVGIcon name={warning ? 'warning' : 'error'} label={error} labelPosition='right' color={warning ? 'warning' : 'negative'} labelClassName='icon-label'/>
+ <SVGIcon
+ name={warning ? 'exclamationTriangleLine' : 'error'}
+ color={warning ? 'warning' : 'negative'} />
+ <span className='icon-label'>{error}</span>
</ListGroupItem>
);
};