#1

In markdown preview mode, there is an extra green region with 438px bottom padding.

page
page1382×1300 66.5 KB

I tried to modify the .markdown-preview-sizer and .markdown-preview-section > div to set the padding-bottom, but they only change the blue region. div.markdown-preview-sizer.markdown-preview-section does not work either. How should I select the green region?

A similar problem occurs in popover where there is some embedded note.

all
all706×846 52.3 KB
![embed|690x304]

up
up754×806 53.2 KB

The div.markdown-preview-view encloses the embeded content and adds some extra bottom padding.

If I open the note in a page, the embedded content does not have this extra padding at bottom.

embed
embed1256×634 62.7 KB

Here are my current css for the popover. Why doesn’t the popover inherit the correct behavior from the page? It’s just really weird to see extra white lines when you have embedded contents in a popover. Any help will be appreciated!

.popover,
.popover.hover-popover {
  min-height: 40px;
  box-shadow: 0 20px 40px var(--background-modifier-box-shadow);
  pointer-events: auto !important;
  border: 1px solid var(--background-modifier-border);
}
.popover.hover-popover {
  max-height: 40vh;
}
.popover .markdown-embed-link {
  display: none;
}
.popover .markdown-embed .markdown-preview-view {
  padding-top: 15px;
  padding-bottom: 30px;
}
.popover.hover-popover .markdown-embed .markdown-embed-content {
  max-height: none;
}
.popover.mod-empty {
  padding: 20px 15px 20px 20px;
  color: var(--text-muted);
}

.popover .markdown-embed .markdown-preview-view img {
  margin: 0 auto;
  max-width: 100%;
}
1 Like
#2

As no-one could help you here, you might have more luck asking for help on Discord in #css-themes with a link to this post.

#3

hey,
i have the same annoying problem.
Did you have any luck with the margin inside the popover preview ?
your help would be appreciated.

#4

This is very late, but I hope it still helps. I was able to get rid of the bottom padding in each page (including embedded pages) using the following css snippet. If you try it and issues are still present, please let me know.

.markdown-preview-sizer, .markdown-preview-section {
  padding-bottom: 0px !important; /*Gets rid of bottom padding on each page*/
  min-height: 0px !important; /*Useful for embedded pages*/
}
1 Like