Explorar el Código

Fix long line layout in validation error message

If the validation error message has a long line (with no spaces), the
layout wouldn't display properly. To see the effect try filling an
invalid username for an OCI endpoint.
Sergiu Miclea hace 8 años
padre
commit
4d845bff72

+ 1 - 0
src/components/organisms/Endpoint/index.jsx

@@ -69,6 +69,7 @@ const ShowErrorButton = styled.span`
   cursor: pointer;
 `
 const StatusError = styled.div`
+  max-width: 100%;
   margin-top: 16px;
   max-height: 140px;
   overflow: auto;

+ 2 - 0
src/components/organisms/EndpointValidation/index.jsx

@@ -43,6 +43,8 @@ const Validation = styled.div`
   ${contentStyle}
 `
 const Message = styled.div`
+  max-width: 100%;
+  overflow: auto;
   margin-top: 48px;
   text-align: center;
 `