MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(22 intermediate revisions by the same user not shown)
Line 1: Line 1:
# Replace the JAVASCRIPT_CODE section with this updated version:


/* Collapsible Sidebar Functionality */
/*
$(document).ready(function() {
#mw-panel.collapsed {
     function initCollapsibleSidebar() {
     width: 0;
        var collapsibleSections = [
    overflow: hidden;
            'Documentation',
}
            'Tools & Utilities',
            'Community',
            'Administrative',
            'External Resources'
        ];


        var startCollapsed = ['Administrative', 'External Resources'];
#mw-panel.collapsed .portal,
#mw-panel.collapsed .vector-menu-content {
    display: none;
}
*/


        $('#mw-panel .portal').each(function() {
            var $portal = $(this);
            var $header = $portal.find('h3');
            var $body = $portal.find('.body');
            var headerText = $header.text().trim();


            var portalId = $portal.attr('id');
            if (portalId === 'p-search' || portalId === 'p-tb' || portalId === 'p-lang') {
                return;
            }


            if (collapsibleSections.includes(headerText)) {
/*
                $header.find('.sidebar-toggle').remove();


                var isCollapsed = startCollapsed.includes(headerText);
.vector-menu.mw-portlet li.collapsible-header,
                var toggleText = isCollapsed ? 'book1' : 'bookend';
.vector-menu-portal li.collapsible-header {
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
}


// Persistent text
.mw-collapsible-arrow {
var persistentText = '<span class="sidebar-persistent"> Section</span>';
  display: inline-block;
  width: 1em;
  margin-right: 4px;
  transform-origin: center;
  transition: transform 0.2s ease;
  user-select: none;
}


                var $toggleBtn = $('<span class="sidebar-toggle">' + toggleText + '</span>');
li.collapsible-header.open > .mw-collapsible-arrow {
 
  transform: rotate(90deg);
// Add both to header
}
$header.append(' ').append($toggleBtn).append(persistentText);
*/
 
                if (isCollapsed) {
                    $body.hide();
                    $portal.addClass('sidebar-collapsed');
                }
 
                $toggleBtn.off('click').on('click', function(e) {
                    e.preventDefault();
                    e.stopPropagation();
 
                    if ($body.is(':visible')) {
                        $body.slideUp(300);
                        $toggleBtn.text('book1');
                        $portal.addClass('sidebar-collapsed');
                        localStorage.setItem('sidebar-' + headerText, 'collapsed');
                    } else {
                        $body.slideDown(300);
                        $toggleBtn.text('bookend');
                        $portal.removeClass('sidebar-collapsed');
                        localStorage.setItem('sidebar-' + headerText, 'expanded');
                    }
                });
 
                var savedState = localStorage.getItem('sidebar-' + headerText);
                if (savedState === 'collapsed' && $body.is(':visible')) {
                    $body.hide();
                    $toggleBtn.text('book1');
                    $portal.addClass('sidebar-collapsed');
                } else if (savedState === 'expanded' && !$body.is(':visible')) {
                    $body.show();
                    $toggleBtn.text('bookend');
                    $portal.removeClass('sidebar-collapsed');
                }
            }
        });
    }
 
    initCollapsibleSidebar();
 
    $(document).ajaxComplete(function() {
        setTimeout(initCollapsibleSidebar, 100);
    });
});

Latest revision as of 15:30, 26 August 2025


/*
#mw-panel.collapsed {
    width: 0;
    overflow: hidden;
}

#mw-panel.collapsed .portal,
#mw-panel.collapsed .vector-menu-content {
    display: none;
}
*/



/*

.vector-menu.mw-portlet li.collapsible-header,
.vector-menu-portal li.collapsible-header {
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.mw-collapsible-arrow {
  display: inline-block;
  width: 1em;
  margin-right: 4px;
  transform-origin: center;
  transition: transform 0.2s ease;
  user-select: none;
}

li.collapsible-header.open > .mw-collapsible-arrow {
  transform: rotate(90deg);
}
*/
Retrieved from "http://blitzletters.org/mw14/index.php?title=MediaWiki:Common.css&oldid=196"