What defines the overall size of the hover page preview?

With the recent page preview option, targeted by .popover.hover-popover, what sets the size of it?

In my case it’s just too narrow, and I would like to widen it.

I naively tried to do:

.popover.hover-popover {
 min-width: 80em
}

And it widened the surrounding box, but not all of the content… Bummer.

These are the default variables. They work for adjusting the overall size of the popover and the content is sized accordingly.

  /* Popovers - file previews */
  --popover-width: 450px;
  --popover-height: 400px;
  --popover-max-height: 95vh;
  --popover-pdf-width: 450px;
  --popover-pdf-height: 400px;
  --popover-font-size: var(--font-text-size);

e.g.

body {
  --popover-width: 80em;
}

It looks like it’s the default rule here:

.popover.hover-popover > * {
  width: var(--popover-width);
}

that’s preventing the content from expanding to the box size using your original snippet.

1 Like

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