Prevent pre tags from wrapping. Issue #1089

This commit is contained in:
Maurice Parker 2019-10-03 18:27:48 -05:00
parent 9a4d915e0b
commit 3d343eb91d
2 changed files with 22 additions and 6 deletions

View File

@ -115,12 +115,19 @@ h1 {
line-height: 1.15em; line-height: 1.15em;
font-weight: bold; font-weight: bold;
} }
pre {
max-width: 100%;
margin: 0;
overflow: auto;
overflow-y: hidden;
line-height: 20px;
border: 1px solid #777;
word-wrap: normal;
}
code, pre { code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: 14px; font-size: 14px;
} padding: 10px;
pre {
white-space: pre-wrap;
} }
img, figure, video, iframe, div { img, figure, video, iframe, div {
max-width: 100%; max-width: 100%;

View File

@ -114,12 +114,21 @@ h1 {
line-height: 1.15em; line-height: 1.15em;
font-weight: bold; font-weight: bold;
} }
pre {
max-width: 100%;
margin: 0;
overflow: auto;
overflow-y: hidden;
line-height: 20px;
border: 1px solid #777;
word-wrap: normal;
word-break: normal;
-webkit-hyphens: none;
}
code, pre { code, pre {
font-family: "SF Mono", Menlo, "Courier New", Courier, monospace; font-family: "SF Mono", Menlo, "Courier New", Courier, monospace;
font-size: 14px; font-size: 14px;
} padding: 5px;
pre {
white-space: pre-wrap;
} }
img, figure, video, iframe, div { img, figure, video, iframe, div {
max-width: 100%; max-width: 100%;