wrap code (#286)

fikzzzy · web-flow · commit 56de6954f0aa · 2021-12-02T22:14:40.000+08:00
diff --git a/src/components/Editor/MarkdownEditor/style.scss b/src/components/Editor/MarkdownEditor/style.scss
@@ -18,6 +18,7 @@
     display: block;
     font-family: "Roboto Mono", monospace;
     padding: 15px 20px;
+    white-space: pre-wrap;
 
     &:global.inline {
       background: $tc-gray-10;
diff --git a/src/components/challenge-detail/Specification/styles.module.scss b/src/components/challenge-detail/Specification/styles.module.scss
@@ -141,6 +141,7 @@ $tc-link-visited: #0c4e98;
     margin: (2 * $base-unit) 0 (3 * $base-unit);
     padding: 3 * $base-unit;
     display: block;
+    white-space: pre-wrap;
   }
 
   pre {
@@ -374,7 +375,7 @@ $tc-link-visited: #0c4e98;
     }
 
     code {
-      white-space: pre;
+      white-space: pre-wrap;
       margin: 10px 0 15px;
       background: $tc-gray-neutral-light;
       border: 1px solid silver;

Original file line number	Diff line number	Diff line change
`@@ -141,6 +141,7 @@ $tc-link-visited: #0c4e98;`
`141`	`141`	`margin: (2 * $base-unit) 0 (3 * $base-unit);`
`142`	`142`	`padding: 3 * $base-unit;`
`143`	`143`	`display: block;`
	`144`	`+ white-space: pre-wrap;`
`144`	`145`	`}`
`145`	`146`
`146`	`147`	`pre {`
`@@ -374,7 +375,7 @@ $tc-link-visited: #0c4e98;`
`374`	`375`	`}`
`375`	`376`
`376`	`377`	`code {`
`377`		`- white-space: pre;`
	`378`	`+ white-space: pre-wrap;`
`378`	`379`	`margin: 10px 0 15px;`
`379`	`380`	`background: $tc-gray-neutral-light;`
`380`	`381`	`border: 1px solid silver;`