Embedded PDFs are displayed in a weird way - fix?

General
1

As you can see in the picture, the embedded pdf is displayed in a weird cut of way. Any way to fix this? I am using Firefox on Bluefin.

Thanks in advance!

Jan

grafik
grafik1907×771 81.4 KB

2

Use this:

  • Specify the width x height of your pdf using |widthxheight:

![[PathToYourPDF/2026-02-24_15-50-41.pdf|600x800]]

If you want to go the extra mile and resize the wrapper currently the whole width, to fit the content of the PDF

  • then use following space-style in your config, or basically anywhere, to fit the wrapper around the object for PDF files (you don't need to repeat the space-style on every page, only once in your CONFIG or STYLES page).
.sb-lua-wrapper:has(object[type="application/pdf"]) div { width: fit-content; }

image
image1241×1225 81.7 KB

[EDIT] - TIP

  • Another Tip: to move the button-bar out of the way, to not cover the PDF-viewer buttons:
    image

use following space-style , this will move the button bar outside the widget:

#sb-main .cm-editor .sb-lua-wrapper:has(object[type="application/pdf"]) .button-bar { top: -40px; padding:0; opacity:0.2; transition: all 0.5s ease; border-radius:10px;} 
#sb-main .cm-editor .sb-lua-wrapper:has(object[type="application/pdf"]) .button-bar:hover { opacity:1;}
#sb-main .cm-editor .sb-inline-content:has(object[type="application/pdf"]) { overflow: visible !important;}

.sb-lua-wrapper:has(object[type="application/pdf"]) div {width: fit-content;}

To get this result:

image
image637×409 21.2 KB