MediaWiki:Vector-2022.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

// create body overlay
$('body').children().wrapAll('<div class="mw-body-wrapper"></div>');

// create object just for packground
$('.mw-body-wrapper').prepend('<div class="custom-bg-overlay"></div>');
$('.custom-bg-overlay').height($('.mw-body-wrapper').height());

const ro = new ResizeObserver(([entry]) => {
    console.log("ResizeObserver triggered! New height:");
    $('.custom-bg-overlay').height($('.mw-body-wrapper').height());
});

ro.observe($('.mw-body-wrapper'));