AkkomaGang/akkoma-fe
4
13
Fork 67
Code Issues 82 Pull requests 17 Projects Releases 1 Wiki Activity

Fix spacing between paragraph and blockquote
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
Details

Browse source 
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.
This commit is contained in:
ilja 2024-10-12 17:29:35 +02:00
parent a9367d444a
commit fa058ca093
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/rich_content/rich_content.scss
View file

@ -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;
}