From 5b1ab95b8caac6870e7460ed06acd7b88cd0bc8f Mon Sep 17 00:00:00 2001
From: Lilian <lilian@blahaj.space>
Date: Thu, 12 Sep 2024 01:42:17 +0200
Subject: [PATCH] [frontend/mfm] Make codeblocks in MfM scroll horizontally

---
 Iceshrimp.Frontend/Components/MfmText.razor.css    | 6 ++++++
 Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs | 1 +
 2 files changed, 7 insertions(+)

diff --git a/Iceshrimp.Frontend/Components/MfmText.razor.css b/Iceshrimp.Frontend/Components/MfmText.razor.css
index 6cd81cc2..dcb6e676 100644
--- a/Iceshrimp.Frontend/Components/MfmText.razor.css
+++ b/Iceshrimp.Frontend/Components/MfmText.razor.css
@@ -84,4 +84,10 @@
     .plain {
         text-decoration: none;
     }
+}
+
+::deep {
+    .code-pre {
+        overflow: auto;
+    }
 }
\ No newline at end of file
diff --git a/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs b/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
index 840dc878..be054b6d 100644
--- a/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
+++ b/Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
@@ -110,6 +110,7 @@ public static class MfmRenderer
 	private static INode MfmCodeBlockNode(MfmNodeTypes.MfmCodeBlockNode node, IDocument document)
 	{
 		var el      = document.CreateElement("pre");
+		el.ClassName = "code-pre";
 		var childEl = document.CreateElement("code");
 		childEl.TextContent = node.Code;
 		el.AppendChild(childEl);