Przeglądaj źródła

Add support for long error message in validation

If a very long error message is displayed when creating / editing an
endpoint, it is wrapped within a scrollbar container.
Sergiu Miclea 8 lat temu
rodzic
commit
9606ccacd0
1 zmienionych plików z 4 dodań i 2 usunięć
  1. 4 2
      src/components/organisms/Endpoint/index.jsx

+ 4 - 2
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
     }