WIP: Improve style for quoted text in RichContent #412

Draft
ilja wants to merge 5 commits from ilja/akkoma-fe:improve_visual_style_for_quoted_text into develop

5 commits

Author SHA1 Message Date
ilja
7f08fe9dc4 Revert "Remove pre-wrap from status_body"
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
This reverts commit 01164fc520.
2024-10-20 11:54:55 +02:00
ilja
01164fc520 Remove pre-wrap from status_body
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
For some strange reason, after a mention a quote would be double as high as it should.

Removing this "pre-wrap" seems to fix this. I'm not sure what it was exactly for, but I don't see anything break.

The code blocks now don't wrap any more, but show a scroll bar, which imo is better for a code block.
2024-10-12 18:27:14 +02:00
ilja
fa058ca093 Fix spacing between paragraph and blockquote
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
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.
2024-10-12 17:29:35 +02:00
ilja
a9367d444a Make text faint for blockquotes
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
In code review it was decided that faint text for blockquotes should be used.
I copied how it was done in other places to faint text.

When making a theme for *oma-fe, there's a check for how readable things remain.
I'm unsure how that exactly works, but timestamps for a status is also faint,
so by using the same way of doing this, this should also be taken into account
for the theming engine.
2024-10-12 14:39:33 +02:00
ilja
51a51fe6b8 Improve style for quoted text in RichContent
All checks were successful
ci/woodpecker/pr/woodpecker Pipeline was successful
Previously quoted text (e.g. in Markdown `> Some text`) was italic
When two different quotes were made, there was no destinction between the two, making it look like one quote
This is confusing

Now we have a vertical line in front of the quote
When two different pieces of text are quoted, it is now clear because the lines are separated
This vertical line is a typical way of visualising quoted text, so it should be easy to understand what it is
2024-08-21 17:57:40 +02:00