Hoverover Pop up that adjusts size depending on note content

Custom CSS & Theme Design
2

This should accomplish what you want:

.popover.hover-popover > .markdown-embed {
    height: 100%;
    max-height: 50vh;
    overflow: scroll;
}

**

EDIT: Add this too, and the popup will always have the same top position (high center).

.popover.hover-popover.is-loaded {
    top: 25vh !important;
}

And if you want to reduce the pop-preview padding:

.popover.hover-popover > .markdown-embed > .markdown-embed-content > .markdown-preview-view {
    padding: 4px;
}
2 Likes