The files embedded in the canvas are inconsistent

[charleslu]

Steps to reproduce

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

[ariehen]

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.

[WhiteNoise]

moved to help for not following the bug report template.

[ariehen]

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;
}

I’ll move this to the custom CSS category.

[charleslu]

Thank you. That’s very helpful