Add support for long error message in validation

Sergiu Miclea · Sergiu Miclea · commit 9606ccacd0b0 · 2018-04-27T14:57:00.000+03:00
If a very long error message is displayed when creating / editing an
endpoint, it is wrapped within a scrollbar container.
diff --git a/src/components/organisms/Endpoint/index.jsx b/src/components/organisms/Endpoint/index.jsx
@@ -69,7 +69,9 @@ const ShowErrorButton = styled.span`
   cursor: pointer;
 `
 const StatusError = styled.div`
-  margin-top: 32px;
+  margin-top: 16px;
+  max-height: 140px;
+  overflow: auto;
   cursor: pointer;
 
   &:hover > span {
@@ -302,7 +304,7 @@ class Endpoint extends React.Component<Props, State> {
   }
 
   renderEndpointStatus() {
-    let validation = EndpointStore.validation
+    const validation = EndpointStore.validation
     if (!this.state.validating && !validation) {
       return null
     }

Original file line number	Diff line number	Diff line change
@@ -69,7 +69,9 @@ const ShowErrorButton = styled.span`
`69`	`69`	`cursor: pointer;`
`70`	`70`	`
`71`	`71`	const StatusError = styled.div`
`72`		`- margin-top: 32px;`
	`72`	`+ margin-top: 16px;`
	`73`	`+ max-height: 140px;`
	`74`	`+ overflow: auto;`
`73`	`75`	`cursor: pointer;`
`74`	`76`
`75`	`77`	`&:hover > span {`
`@@ -302,7 +304,7 @@ class Endpoint extends React.Component<Props, State> {`
`302`	`304`	`}`
`303`	`305`
`304`	`306`	`renderEndpointStatus() {`
`305`		`- let validation = EndpointStore.validation`
	`307`	`+ const validation = EndpointStore.validation`
`306`	`308`	`if (!this.state.validating && !validation) {`
`307`	`309`	`return null`
`308`	`310`	`}`