added white-space to pre tag in server error msg detail (debezium#314)

bitcard · Feb 10, 2021 · 5cba18e · 5cba18e
1 parent f79608d
commit 5cba18e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/ui/packages/ui/src/app/components/ApplicationErrorPage.css b/ui/packages/ui/src/app/components/ApplicationErrorPage.css
@@ -14,4 +14,7 @@
 .application-error-page > div.application-error-page_details > div {
     border: 1px solid #ccc;
 }
+.application-error-msg_error_msg{
+    white-space: pre-wrap;
+}
 
diff --git a/ui/packages/ui/src/app/components/ApplicationErrorPage.tsx b/ui/packages/ui/src/app/components/ApplicationErrorPage.tsx
@@ -38,7 +38,7 @@ export const ApplicationErrorPage: React.FC<IApplicationErrorPageProps> = (
     const msg = props.errorInfo ? props.errorInfo.componentStack
                   : props.error ? JSON.stringify(props.error) : t('noDetailsAvailable');
     return (
-      <Text component={"pre"} className={"pf-u-text-align-left"}>
+      <Text component={"pre"} className={"pf-u-text-align-left application-error-msg_error_msg"}>
         {msg}
       </Text>
     );