notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/mfm] Make codeblocks in MfM scroll horizontally

Browse source
This commit is contained in:
Lilian 2024-09-12 01:42:17 +02:00
parent 44e1c9d5e7
commit 5b1ab95b8c
No known key found for this signature in database
2 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Iceshrimp.Frontend/Components/MfmText.razor.css
View file

@ -85,3 +85,9 @@
text-decoration: none; text-decoration: none;
} }
} }
::deep {
.code-pre {
overflow: auto;
}
}

1
Iceshrimp.Frontend/Core/Miscellaneous/RenderMfm.cs
View file

@ -110,6 +110,7 @@ public static class MfmRenderer
private static INode MfmCodeBlockNode(MfmNodeTypes.MfmCodeBlockNode node, IDocument document) private static INode MfmCodeBlockNode(MfmNodeTypes.MfmCodeBlockNode node, IDocument document)
{ {
var el = document.CreateElement("pre"); var el = document.CreateElement("pre");
el.ClassName = "code-pre";
var childEl = document.CreateElement("code"); var childEl = document.CreateElement("code");
childEl.TextContent = node.Code; childEl.TextContent = node.Code;
el.AppendChild(childEl); el.AppendChild(childEl);