Merge pull request weaveworks#3685 from weaveworks/fix-code-tag-style

Fix code tag style of `react-syntax-highlighter`
thedigitaloctopus · May 9, 2023 · 7c2fa0f · 7c2fa0f
2 parents 0a887c7 + 1eee8e6
commit 7c2fa0f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/ui/components/YamlView.tsx b/ui/components/YamlView.tsx
@@ -44,7 +44,9 @@ function UnstyledYamlView({ yaml, object, mode, className }: YamlViewProps) {
     },
 
     codeTagProps: {
-      wordBreak: "break-word",
+      style: {
+        wordBreak: "break-word",
+      },
     },
 
     lineProps: { style: { flexWrap: "wrap" } },

diff --git a/ui/components/__tests__/__snapshots__/YamlView.test.tsx.snap b/ui/components/__tests__/__snapshots__/YamlView.test.tsx.snap
@@ -185,9 +185,9 @@ exports[`YamlView snapshots renders 1`] = `
       style={
         Object {
           "whiteSpace": "pre-wrap",
+          "wordBreak": "break-word",
         }
       }
-      wordBreak="break-word"
     >
       <span
         style={