MediaWiki:Vector-2022.js: Difference between revisions

Revision as of 05:49, 9 November 2025

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

    // create object just for backgrounds
    $('body').prepend('<div class="custom-bg-overlay"></div>');
    $('.custom-bg-overlay').css({'height': $('.mw-body-wrapper').height(),
                                 'position': 'absolute',
                                 'pointer-events': 'none'});

    $('.vector-header-container').prepend('<div class="custom-header-container-overlay"></div>');
    $('.custom-header-container-overlay').css({
        'height': $('.vector-header-container').height(),
        'position': 'absolute'});

    const ro = new ResizeObserver(([entry]) => {
        $('.custom-bg-overlay').height($('.mw-body-wrapper').height());
    });

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