30 lines
884 B
JavaScript
30 lines
884 B
JavaScript
export default {
|
|
name: "ensure-image-dimensions",
|
|
after: "mobile",
|
|
initialize(container) {
|
|
if (!window) {
|
|
return;
|
|
}
|
|
|
|
// This enforces maximum dimensions of images based on site settings
|
|
// for mobile we use the window width as a safeguard
|
|
// This rule should never really be at play unless for some reason images do not have dimensions
|
|
|
|
var width = Discourse.SiteSettings.max_image_width;
|
|
var height = Discourse.SiteSettings.max_image_height;
|
|
|
|
const site = container.lookup("site:main");
|
|
if (site.mobileView) {
|
|
width = $(window).width() - 20;
|
|
}
|
|
|
|
const style = "max-width:" + width + "px;" + "max-height:" + height + "px;";
|
|
|
|
$(
|
|
'<style id="image-sizing-hack">#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {' +
|
|
style +
|
|
"}</style>"
|
|
).appendTo("head");
|
|
}
|
|
};
|