Use h-scrolling instead of wrap in code block

ahstro · backportbot[bot] · commit 2566d7d4d8ca · 2020-04-20T09:11:32.000Z
If a line in a code block exceeds the widdth, hide overflow and add
horizontal scrollbars instead of wrapping the line.

Signed-off-by: Anton Strömkvist &lt;anton@stromkvist.com&gt;
diff --git a/css/prosemirror.scss b/css/prosemirror.scss
@@ -171,7 +171,8 @@ div.ProseMirror {
 	}
 
 	pre {
-		white-space: pre-wrap;
+		white-space: pre;
+		overflow-x: auto;
 		background-color: var(--color-background-dark);
 		border-radius: var(--border-radius);
 		padding: 1em 1.3em;

Original file line number	Diff line number	Diff line change
`@@ -171,7 +171,8 @@ div.ProseMirror {`
`171`	`171`	`}`
`172`	`172`
`173`	`173`	`pre {`
`174`		`- white-space: pre-wrap;`
	`174`	`+ white-space: pre;`
	`175`	`+ overflow-x: auto;`
`175`	`176`	`background-color: var(--color-background-dark);`
`176`	`177`	`border-radius: var(--border-radius);`
`177`	`178`	`padding: 1em 1.3em;`