From fa058ca093cb71d1e693b5c3da33c19b2dfebd76 Mon Sep 17 00:00:00 2001 From: ilja Date: Sat, 12 Oct 2024 17:29:35 +0200 Subject: [PATCH] Fix spacing between paragraph and blockquote Blockquotes are blocks, so not wrapped in an extra p-tag. In statusses this gave an unfortunate result that the margins were different. A p-tag has a bottom margin of 1em. Blockquotes had 0.2em top and bottom. So under a paragraph there was 1em space, but under the blockquote, there was only 0.2em space. The last p-tag has 0 margin at the bottom. This commit basically does the same thing for blockquotes now, making it more consistent. One difference is that the blockquote has a left margin of 0.2em because a little "jump" in makes it look a bit better imo. --- src/components/rich_content/rich_content.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss index 899c9fc8..f9c019c3 100644 --- a/src/components/rich_content/rich_content.scss +++ b/src/components/rich_content/rich_content.scss @@ -2,7 +2,7 @@ .RichContent { blockquote { - margin: 0.2em 0 0.2em 0.2em; + margin: 0 0 1em 0.2em; padding: 0 0 0 1em; border-width: 0 0 0 0.3em; border-style: solid; @@ -10,6 +10,10 @@ color: var(--faint, $fallback--faint); } + blockquote:last-child { + margin-bottom: 0; + } + pre { overflow: auto; }