Obsidian version: v1.5.3
Installer version: v1.4.13
Operating system: Darwin Kernel Version 22.6.0: Wed Jul 5 22:22:52 PDT 2023; root:xnu-8796.141.3~6/RELEASE_ARM64_T8103 22.6.0
Login status: logged in
Catalyst license: none
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: off
Plugins installed: 0
Plugins enabled: 0
It seems that this bug can be fixed by making a few changes to app.css, as I described here:
While Live Preview tries to present the same view rendering as Reading View, some inconsistencies will probably always remain. Spacing in particular can differ, since in editing mode it sometimes has meaning that needs to be preserved and sometimes is just hard to manage. I don’t know if the case you’re pointing out is intentional, a side effect (known or unknown), or a bug.
You are right, but at least, I guess callouts are supposed to be displayed the same as in reading view when the cursor is not overlapping with them (as CodeMirror’s replace widgets with their DOM rendered using MarkdownRenderer or MarkdownPreviewView).
In fact, this seems to be fixed just by changing app.css a little bit.
Replace .markdown-preview-view with .markdown-rendered in the following rule: