Offers some improvements in styles for obsidian admonition plugin.
In reading view, the callout may behave like this:
However, when you switch to edit view:
The line-breaks at the beginning is wrapped, while the line-breaks at the bottom is increased significantly.
To clarify, I will use "border" style in "Blue_Topaz" theme. This style is clearer to show the issue.
As is clearly shown above, the left/right margin is about 8px, while the top/bottom margin is 16px.
I believe 8px for left margin looks good, and as right margin is not defined (automatically suits text), the top/bottom margin makes the paragraph look very uncomfortable.
In a very complicated case(just to show the issue), the spaces between child-callout and child-callout, between paragraph and child-callout seem very awful. The space is not coordinated.
Moreover, consider writing the following paragraph in a child callout in source view:
wohoo
wohoo
wohoo
In reading view, it seems fine as above screenshot shows.
However, in live-preview, the line break is omitted (bug).
The css snippets fixes the above issue by:
1.making the callout contents exactly the same in reading view and live-preview, no inaccordance issue
2.if deem contents in a callout as a whole:
2.1 setting the margin of this whole to the same value
2.2 preserving the margin of sub-contents in this whole
3.making child callouts behave the same like normal callout, but more clean and organized
4.optimizing margin of paragraph with bullet list and number list
Now the previous complicated case looks very fine:
Before:
After:
Before:
After:
Before:
After:
