Jump to content

MediaWiki:Vector-2022.js: Difference between revisions

From Climbopedia
m testing - debugging
function wrapper test
Line 1: Line 1:
// create body overlay
$(function {
$('body').children().wrapAll('<div class="mw-body-wrapper"></div>');
    // create body overlay
    $('body').children().wrapAll('<div class="mw-body-wrapper"></div>');


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


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

Revision as of 10:12, 8 November 2025

$(function {
    // 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:");
    });

    ro.observe($('.mw-body-wrapper')[0]);
});