Image resizing in pixel instead of percent

[malmy002]

I'm new to Trilium and note taking apps in general, but one feature that would be awesome is if the image width can be set in pixels, not percentage. I have an issue that the images rescale depending on the editor's width and its very annoying. It makes it difficult to know how the exported pdf will look too. Notesnook has this feature (and it's awesome) and obsidian also sets the width directly. I would much rather support this awesome project than to pay for something like notesnook. If it's a feature that could reasonably be included I'd even be open to supporting it. Thanks for the awesome program, I love it!

[malmy002]

I found a hack that works for now. Using this in a CSS code with #appCss attribute overrides the % to fixed widths in pixels (code below). I'm also considering changing the source code to resizeUnit : 'px' in the apps/client/src/widgets/type_widgets/text/config.ts file. I'm a bit out of my depth though...

/* TRILIUM IMAGE PIXEL-LOCK
This overrides the 'responsive' percentages and
turns them into fixed pixel blocks.
*/

/* Targets images where you clicked the "25%" button /
.ck-content .image[style="width:25%"],
.ck-content .image[style*="width:25%"] img {
width: 300px !important;
}

/* Targets images where you clicked the "50%" button /
.ck-content .image[style="width:50%"],
.ck-content .image[style*="width:50%"] img {
width: 500px !important;
}

/* Targets images where you clicked the "100%" button /
.ck-content .image[style="width:100%"],
.ck-content .image[style*="width:100%"] img {
width: 800px !important;
}

/* Optional: Prevent any image from ever stretching
wider than its original resolution */
.ck-content img {
height: auto !important;
max-width: 100% !important;
}