MediaWiki:Vector-2022.js: Difference between revisions
added observer to match the adjustments |
m testing - debugging |
||
| Line 7: | Line 7: | ||
const ro = new ResizeObserver(([entry]) => { | const ro = new ResizeObserver(([entry]) => { | ||
console.log("ResizeObserver triggered! New height:", entry.contentRect.height); | |||
$('.custom-bg-overlay').height($('.mw-body-wrapper').height()); | $('.custom-bg-overlay').height($('.mw-body-wrapper').height()); | ||
}); | }); | ||
ro.observe($('.mw-body-wrapper')); | ro.observe($('.mw-body-wrapper')); | ||
Revision as of 10:02, 8 November 2025
// 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:", entry.contentRect.height);
$('.custom-bg-overlay').height($('.mw-body-wrapper').height());
});
ro.observe($('.mw-body-wrapper'));