User:WelpThatWorked/vector.js

$.bodyBorderResize = mw.util.debounce(0, function() {
    var $body = $("#content");
    var $lnav = $("#left-navigation");
    var $rnav = $("#right-navigation");
    $body.css("--p1", $lnav.outerWidth() + "px");
    $body.css("--p4", $body.css("border-top-width"));
    if( ($lnav.outerWidth(true)+$rnav.outerWidth(true)) > $body.outerWidth(true)){
        $body.css("--p2", $body.outerWidth() + "px");
    } else {
    $body.css("--p2", $body.outerWidth() + parseFloat($body.css("margin-right")) - $rnav.outerWidth(true) + "px");
    $body.css("--p3", $body.outerWidth() + parseFloat($body.css("margin-right")) - $("#p-search").outerWidth(true) + "px");
    }
});
$(window).on("resize", $.bodyBorderResize);
var obs = new MutationObserver($.bodyBorderResize);
obs.observe(document.querySelector("#right-navigation"), { subtree: true, attributes: true });
console.warn("test");