From: Camel Coder <69110542+camel-cdr@users.noreply.github.com>
Date: Wed, 14 Jun 2023 12:00:13 +0000 (+0000)
Subject: Horizontally scrollable code blocks, instead of wrapping.
X-Git-Url: http://these/git/readmes/%24%7B%60data:application/static/%7Bthis.imageSrc%7D?a=commitdiff_plain;h=be60dae9f8d8355580fe065ef8aadd3f6fdcf3cd;p=lemmy-ui.git

Horizontally scrollable code blocks, instead of wrapping.

This disables word wrapping for code generated from markdown, and instead enables a horizontal scroll bar.
---

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index 1c45341..3ff70e4 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -75,6 +75,11 @@
   font-size: 1.2rem;
 }
 
+.md-div pre {
+  white-space: pre;
+  overflow-x: auto;
+}
+
 .md-div table {
   border-collapse: collapse;
   width: 100%;