discourse/app/assets/javascripts/discourse/initializers/ensure-max-image-dimensions.js.es6
2016-02-18 12:19:00 -05:00

24 lines
864 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');
}
};