Fix multiline quote rendering in HTML

Fixes #756
3 years ago · f80a5fe644
parent b7dca87fb9
commit f80a5fe644
2 changed files with 3 additions and 3 deletions
--- a/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
+++ b/DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
@ -113,8 +113,7 @@
            margin: 0.05em 0;
        }

-        .quote::before {
-            content: "";
+        .quote-border {
            margin-right: 0.5em;
            border: 2px solid @Themed("#4f545c", "#c7ccd1");
            border-radius: 3px;
--- a/DiscordChatExporter.Core/Exporting/Writers/MarkdownVisitors/HtmlMarkdownVisitor.cs
+++ b/DiscordChatExporter.Core/Exporting/Writers/MarkdownVisitors/HtmlMarkdownVisitor.cs
@ -39,7 +39,8 @@ internal partial class HtmlMarkdownVisitor : MarkdownVisitor
            FormattingKind.Strikethrough => ("<s>", "</s>"),
            FormattingKind.Spoiler => (
                "<span class=\"spoiler-text spoiler-text--hidden\" onclick=\"showSpoiler(event, this)\">", "</span>"),
-            FormattingKind.Quote => ("<div class=\"quote\">", "</div>"),
+            FormattingKind.Quote => (
+                "<div class=\"quote\"><div class=\"quote-border\"></div><div class=\"quote-content\">", "</div></div>"),
            _ => throw new ArgumentOutOfRangeException(nameof(formatting.Kind))
        };