Preserve whitespace in errors (#6220)

keystonejs · Jul 29, 2021 · c2bb6a9 · c2bb6a9 · vercel · Jul 29, 2021
1 parent 6da56b8
commit c2bb6a9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/eleven-mayflies-kneel.md b/.changeset/eleven-mayflies-kneel.md
@@ -0,0 +1,6 @@
+---
+'@keystone-ui/notice': patch
+'@keystone-ui/toast': patch
+---
+
+Updated css to preserve whitespace formatting of error messages.
diff --git a/design-system/packages/notice/src/Notice.tsx b/design-system/packages/notice/src/Notice.tsx
@@ -65,6 +65,7 @@ export const Notice = ({
           flex: 1,
           flexDirection: 'row',
           outline: 0,
+          'white-space': 'pre-wrap',
           ...styles.box,
         }}
         tabIndex={0}

diff --git a/design-system/packages/toast/src/Toast.tsx b/design-system/packages/toast/src/Toast.tsx
@@ -165,6 +165,7 @@ export const ToastElement = forwardRef<HTMLDivElement, ToastElementProps>((props
         width: 380, // less than desirable magic number, but not sure if this needs to be in theme...
         maxWidth: '100%',
         padding: spacing.large,
+        'white-space': 'pre-wrap',
       }}
       {...rest}
     >