Preview popup size changed in css but content does not fill the new size

Continuing the discussion from CSS to change the size of the preview popup?:

I’ve modified the size of the preview pane via a snippet as suggested in the linked post and it works like a charm except for one thing: the box is bigger but the content doesn’t fill the box! Instead I get a scroll bar. (I’ve tried with the default theme and I get the same issue).

How can I get the content to expand to fit the box? (I’ve exaggerated the px in max and min height just to test).

.popover.hover-popover {
max-height:880px;
min-height:850px;
border: 1px solid darkgrey;
box-shadow: 3px 3px 7px darkgrey;
border-radius: 3px;
}

4 Likes

+1
same problem

Found this in github: GitHub - kmaasrud/awesome-obsidian: 🕶️ Awesome stuff for Obsidian

2 Likes

@tctco Thank you for taking the time to respond. I appreciate it.

As it turns out I had half of that code (+ additioncal css for creating a border), but the additional lines added to the css in the link did the trick!

For anyone else who wants to use Echo’s code listed in the link, please make one edit when you save it as a snippet.

This line: overflow: overlay; / new added */
should be this: overflow: overlay; /* new added */
(there is a missing * after the /.

1 Like

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.