MediaWiki:Gadget-sidebarToggle.js

Limpiar la caché

Nota: Después de guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

• Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
• Microsoft Edge: presiona la combinación Ctrl+Shift+R
• Opera: vacía la caché en Herramientas → Preferencias

// #region Restore sidebar state
var SIDEBAR_HIDDEN_CLASS = 'is-sidebar-hidden';
if (localStorage.getItem(SIDEBAR_HIDDEN_CLASS) == '1') {
    document.documentElement.classList.add(SIDEBAR_HIDDEN_CLASS);
}
// #endregion

// #region Sidebar toggle
(function () {
    var toggleSidebar = function () {
        var isSidebarHidden = document.documentElement.classList.toggle(SIDEBAR_HIDDEN_CLASS);
        localStorage.setItem(SIDEBAR_HIDDEN_CLASS, isSidebarHidden ? '1' : '0');
    };

    $('<div id="nav-sidebar-toggle">')
        .prependTo('#left-navigation')
        .on('click', toggleSidebar);
})();
// #endregion

$(function(){
    $body = $('body');
    $('<div id="nav-content-size-toggle"><span></span></div>')
        .prependTo($('#mw-head'))
        .on('click', function(){
            $body.toggleClass('content-size-expanded');

            // Guardar estado de la expansión en localStorage
            var isExpanded = $body.hasClass('content-size-expanded');
            localStorage.setItem('content-size-expanded', isExpanded ? '1' : '0');

            // Ajustar el ancho según el estado
            if (isExpanded) {
                document.documentElement.style.setProperty('--fixed-width', '100%');
            } else {
                document.documentElement.style.removeProperty('--fixed-width');
            }
        });

    // Restaurar estado de expansión desde localStorage
    if (localStorage.getItem('content-size-expanded') == '1') {
        $body.addClass('content-size-expanded');
        document.documentElement.style.setProperty('--fixed-width', '100%');
    }
});