Kongwoo/akkoma-fe
1
0
Fork 0
mirror of https://akkoma.dev/AkkomaGang/akkoma-fe synced 2025-04-30 19:19:29 +08:00
Code Issues Projects Releases Packages Wiki Activity

Fix spacing between paragraph and blockquote

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 { .RichContent {
blockquote { blockquote {
margin: 0.2em 0 0.2em 0.2em; margin: 0 0 1em 0.2em;
padding: 0 0 0 1em; padding: 0 0 0 1em;
border-width: 0 0 0 0.3em; border-width: 0 0 0 0.3em;
border-style: solid; border-style: solid;
@ -10,6 +10,10 @@
color: var(--faint, $fallback--faint); color: var(--faint, $fallback--faint);
} }
blockquote:last-child {
margin-bottom: 0;
}
pre { pre {
overflow: auto; overflow: auto;
} }