diff options
| -rw-r--r-- | openecomp-ui/package.json | 2 | ||||
| -rw-r--r-- | openecomp-ui/resources/scss/components/_submitErrorResponse.scss | 8 | ||||
| -rw-r--r-- | openecomp-ui/src/nfvo-components/SubmitErrorResponse.jsx | 9 |
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> ); }; |