The files embedded in the canvas are inconsistent

Steps to reproduce

9
As you can see, the picture is going to be big when I embed the file in the canvasI use a CSS to limit the default maximum width of the image to reduce the amount of action I want to adjust to the size of the imageEverything is normal,

.workspace-leaf-content img:not([width]) {
    max-height: 50px;
    max-width: 50px;
}

except in the canvas, because the files embedded in it are different from the CSS of the external files

Did you follow the troubleshooting guide? [Y/N]

Y

Expected result

Actual result

Environment


Additional information

Again, your clip looks like it’s using a community theme and the bug report is incomplete.

It seems likely the css is incorrect for targeting Canvas cards.

moved to help for not following the bug report template.

1 Like

When you are “clicked-in” to a card and editing, it’s in a different mode compared to when you are “clicked-out” and not editing it. You could add this to take care of images when editing a card.

/* image when editing a card in canvas */
.mod-inside-iframe > .cm-editor > .cm-scroller img:not([width]) {
    max-height: 50px;
    max-width: 50px;
}

CleanShot 2024-12-24 at 10.05.39

I’ll move this to the custom CSS category.

1 Like

Thank you. That’s very helpful

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