Make consecutive embeds in Reading view appear same as in Live Preview?

[peeragetalkers]

I just love how Live Preview (on the left) handles consecutive embeds–those not separated by an empty line appear as a single continuous embed, which makes it supremely useful for embedding consecutive blocks from other notes, especially list items!

What’s great is that not all consecutive embeds have to turn into one big super-embed. I’m given choice: simply insert a blank line between two embedded links and voilà–they are now separated.

What I don’t love is how Reading view (below) robs me of such wonderful and desirable behavior and chops up my lovely super-embeds

In Reading view, I want consecutive block embed to appear exactly the same as in Live Preview. Is this possible?

A solution that would simply remove the gap between all consecutive emebds would not suffice–I need it where inserting a blank line between two embeds separates them while having no empty line between merges them.

[ariehen]

I only tested it out quickly, but you could give this a try:

.markdown-preview-view .inline-embed + br {
    display: none;
}

source | live preview | reading view

[peeragetalkers]

Looks like that did it! This made my day, thank you so much!

[peeragetalkers]

Sadly, The Minimal Theme breaks your solution, which works great with the default theme. Any idea how to reconcile it with Minimal?

Side-note: how’d you get the LP icon in the tab title bar? Looks real useful!

[ariehen]

I’d have a look what is happening in Minimal using the inspector.

Obsidian CSS Inspector Workflow

Obsidian CSS Inspector Workflow This was originally called “Obsidian CSS Quick Guide” but it ended up being more focused on the inspector. As a retrospective change to help people use this as a resource, it has been renamed. – FireIsGood Hi friends! CSS in Obsidian can be confusing to get into, so this is a guide to get you started with information on the tools, methods, and some background knowledge! Let’s get started by looking at how you can look behind the curtain of Obsidian’s visuals. …

[peeragetalkers]

Cracked it! To merge consecutive embeds in the Minimal Theme:

.markdown-preview-view .markdown-embed {
  margin: 0;
}

.markdown-preview-view .inline-embed + br {
  display: none;
}

Ah, this makes me unreasonably happy!

[peeragetalkers]

A new foe appears!

Now it’s the other way around. Even with the snippet above ON, the embeds won’t appear as consecutive when in a callout or blockquote in Live Preview:

Compare to Reading view:

If anyone figures this out, please let me know! I refuse to believe I’m the only one who’s head over heels over merged embeds…

[peeragetalkers]

For callouts in Live Preview, a solution was shared by a kind soul on Discord:

.markdown-rendered .markdown-embed {
  margin: 0;
}
.markdown-rendered .inline-embed + br {
  display: none;
}
.HyperMD-quote > .markdown-embed {
  display: inline-block;
  width: 99.9%;
  vertical-align: middle;
}

Blockquotes in Live Preview turned out to be trickier, so the gaps were only reduced slightly, not fully:

Compare to with snippet OFF: