style(sqllab): wrap text in monospace db-provided error messages (apa…

…che#11354)
alfonsodg · Oct 22, 2020 · 69046f0 · 69046f0
1 parent f6436b7
commit 69046f0
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/superset-frontend/src/SqlLab/components/ResultSet.tsx b/superset-frontend/src/SqlLab/components/ResultSet.tsx
@@ -57,9 +57,14 @@ interface ResultSetState {
   data: Record<string, any>[];
 }
 
+// Making text render line breaks/tabs as is as monospace,
+// but wrapping text too so text doesn't overflow
 const MonospaceDiv = styled.div`
   font-family: ${({ theme }) => theme.typography.families.monospace};
   white-space: pre;
+  word-break: break-word;
+  overflow-x: auto;
+  white-space: pre-wrap;
 `;
 
 export default class ResultSet extends React.PureComponent<