Embedding a Callout removes space below Callout title

Bug reports
,
1

Steps to reproduce

  1. Open Sandbox Vault
  2. Create a Callout
  3. Embed that Callout

Expected result

I would expect the space below the Callout title to be the same when I embed it.

Actual result

image
image737×261 3.78 KB

This happens in Live Preview and Reading View.

Environment

  • Operating system: Windows 10
2

thanks

3

The space between the callout and text also be wrongly removed in embed markdown block of Live preview mode.

image
image1536×448 29.8 KB

expected:

image
image1454×332 19.4 KB

4

Indeed, it happens to me when embedding a note that has various callouts one after the other; they all run into each other without spaces in between.

Example:

Note with callouts:

Screenshot_20230129_065221
Screenshot_20230129_065221946×478 21.6 KB

Note with embedded section:

Screenshot_20230129_065232
Screenshot_20230129_065232918×380 21.5 KB

I’ve ignored it since I’m more focused on the information but then I saw this post, so I’ve added another example on how it can look off.

5

Hi, I also have come to this issue and wrote a small snippet as a workaround.

.inline-embed .markdown-embed-content .callout-content p {
  margin-top: 1em !important;
}

I also added another small fix to realign the small link button which you can add:

.embed-title.markdown-embed-title:empty {
  display: none;
}
6

I can’t edit my previous reply for some reason. Here is a workaround that kinda works for the missing space between callouts:

.markdown-source-view.mod-cm6 .callout {
  margin-bottom: 1em;
}