Style: Scroll code blocks instead of wrapping them (#2463)

python · Mar 24, 2022 · 55bed7d · 55bed7d
1 parent d286a46
commit 55bed7d
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/pep_sphinx_extensions/pep_theme/static/style.css b/pep_sphinx_extensions/pep_theme/static/style.css
@@ -101,25 +101,26 @@ cite {
 }
 
 /* Code rules (code literals and Pygments highlighting blocks) */
-pre,
-code {
+code,
+pre {
     font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "DejaVu Sans Mono", Consolas, monospace;
     font-size: 0.875rem;
-    white-space: pre-wrap;
     -webkit-hyphens: none;
     hyphens: none;
 }
 code {
     overflow-wrap: break-word;
     overflow-wrap: anywhere;
+    white-space: pre-wrap;
 }
 code.literal {
     font-size: .8em;
     background-color: var(--colour-inline-code);
 }
 pre {
+    overflow-x: auto;
     padding: .5rem .75rem;
-    word-break: break-all;
+    white-space: pre;
 }
 
 /* Contents rules */