Usuário:Arthurfragoso/vector-2022.js

Nota: Depois de publicar, poderá ter de contornar a cache do seu navegador para ver as alterações.

Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.

/**
 * Usage instructions: mw.loader.getScript('https://en.wikipedia.org/w/index.php?title=User:Jdlrobson/vector-max-width-toggle.js&action=raw&ctype=text/javascript');
 */
$(function(){
    var lastValue;
    try {
        lastValue = localStorage.getItem('max-width-on') || '0';
    } catch (e) {
        lastValue = '0';
    }

    if (lastValue === '1') {
        $(document.body).toggleClass('skin-vector-max-width');
    }


    var originalMaxWidth = $('.mw-content-container').css('max-width');
    var originalPageMaxWidth = $('.mw-page-container').css('max-width');
    var originalWorkspaceMaxWidth = $('.mw-workspace-container').css('max-width');

    var $switcher = $('<div style="position:absolute;right:0;top:0;background-image: url(https://upload.wikimedia.org/wikipedia/commons/2/28/Font_Awesome_5_solid_window-maximize.svg);width: 40px;height: 40px;background-size: 20px;background-position: top right;background-repeat: no-repeat;"></div>')
        .on('click', function() {
            $(document.body).toggleClass('skin-vector-max-width');
            localStorage.setItem('max-width-on', lastValue === '0' ? '1' : '0');
            var currentMaxWidth = $('.mw-content-container').css('max-width')
            var currentPageMaxWidth = $('.mw-page-container').css('max-width')
            var currentWorkspaceMaxWidth = $('.mw-workspace-container').css('max-width')
            $('.mw-content-container').css('max-width', currentMaxWidth === 'none' ? originalMaxWidth : 'none')
            $('.mw-page-container').css('max-width', currentPageMaxWidth === 'none' ? originalPageMaxWidth : 'none')
            $('.mw-workspace-container').css('max-width', currentWorkspaceMaxWidth === 'none' ? originalWorkspaceMaxWidth : 'none')
        } ).prependTo('#content');

    $('#content').css('position', 'relative');

    // no click mode
    $('.vector-menu-checkbox').on('mouseover', function ( ev ) {

        $('.vector-menu-checkbox').prop('checked', false);
         ev.target.checked = true;
    });

    $('.vector-menu:not(.vector-menu-dropdown)').on('mouseover', function () {
        $('.vector-menu-checkbox').prop('checked', false);
    });
});