|
|
| (16 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| # Replace the JAVASCRIPT_CODE section with this updated version:
| |
|
| |
| .sidebar .content { display: none; }
| |
| .sidebar .section.active .content { display: block; }
| |
| .sidebar .header { cursor: pointer; }
| |
|
| |
|
| |
|
| |
|
| /* | | /* |
| .tm-li { | | #mw-panel.collapsed { |
| list-style: none; | | width: 0; |
| margin: 0;
| | overflow: hidden; |
| padding: 0; | |
| } | | } |
|
| |
|
| .tm-li > .tm-branch {
| | #mw-panel.collapsed .portal, |
| cursor: pointer;
| | #mw-panel.collapsed .vector-menu-content { |
| padding-left: 15px;
| | display: none; |
| background: url("/w/resources/src/mediawiki.skinning/images/arrow-ltr.png") no-repeat 0 50%;
| |
| }
| |
| | |
| .tm-li.collapsed > .tm-branch {
| |
| background: url("/w/resources/src/mediawiki.skinning/images/arrow-rtl.png") no-repeat 0 50%; | |
| } | | } |
| */ | | */ |
|
| |
|
| /*
| |
| .portal.collapsible .body {
| |
| display: block;
| |
| }
| |
| .portal.collapsible.collapsed .body {
| |
| display: none;
| |
| }
| |
| .portal.collapsible h3 {
| |
| cursor: pointer;
| |
| padding-left: 15px;
| |
| background: url("/w/resources/src/mediawiki.skinning/images/arrow-ltr.png") no-repeat 0 50%;
| |
| }
| |
| .portal.collapsible.collapsed h3 {
| |
| background: url("/w/resources/src/mediawiki.skinning/images/arrow-rtl.png") no-repeat 0 50%;
| |
| }
| |
|
| |
|
| */
| |
|
| |
|
| /* | | /* |
|
| |
|
| $(document).ready(function() {
| | .vector-menu.mw-portlet li.collapsible-header, |
| // Function to make sidebar sections collapsible
| | .vector-menu-portal li.collapsible-header { |
| function makeSidebarCollapsible() {
| | cursor: pointer; |
| // Target the sidebar navigation
| | font-weight: 600; |
| $('#mw-panel .portal').each(function() {
| | display: flex; |
| var $portal = $(this);
| | align-items: center; |
| var $header = $portal.find('h3');
| | } |
| var $body = $portal.find('.body');
| |
|
| |
|
| // Skip certain sections that shouldn't be collapsible
| | .mw-collapsible-arrow { |
| var portalId = $portal.attr('id');
| | display: inline-block; |
| if (portalId === 'p-search' || portalId === 'p-tb' || portalId === 'p-lang') {
| | width: 1em; |
| return;
| | margin-right: 4px; |
| }
| | transform-origin: center; |
| | | transition: transform 0.2s ease; |
| // Add toggle functionality only to specific sections
| | user-select: none; |
| var collapsibleSections = ['Documentation', 'Tools & Utilities', 'Community', 'Administrative', 'External Resources'];
| | } |
| var headerText = $header.text().trim();
| |
| | |
| if (collapsibleSections.includes(headerText)) {
| |
| // Add toggle button to header
| |
| var $toggleBtn = $('<span class="sidebar-toggle">[−]</span>');
| |
| $header.append(' ').append($toggleBtn);
| |
| | |
| // Add click handler
| |
| $toggleBtn.click(function(e) {
| |
| e.preventDefault();
| |
| e.stopPropagation();
| |
| | |
| if ($body.is(':visible')) {
| |
| $body.slideUp(200);
| |
| $toggleBtn.text('[+]');
| |
| $portal.addClass('collapsed');
| |
| } else {
| |
| $body.slideDown(200);
| |
| $toggleBtn.text('[−]');
| |
| $portal.removeClass('collapsed');
| |
| }
| |
| });
| |
| | |
| // Start collapsed for some sections
| |
| if (['Administrative', 'External Resources'].includes(headerText)) {
| |
| $body.hide();
| |
| $toggleBtn.text('[+]');
| |
| $portal.addClass('collapsed');
| |
| }
| |
| }
| |
| });
| |
| }
| |
| | |
| // Run the function
| |
| makeSidebarCollapsible();
| |
| | |
| // Also run after any AJAX content loads
| |
| $(document).ajaxComplete(function() {
| |
| makeSidebarCollapsible();
| |
| });
| |
| });
| |
| | |
| */
| |
| | |
| /*
| |
| mw.loader.using('mediawiki.util', function() {
| |
| mw.util.addCSS(`
| |
| .sidebar-toggle {
| |
| cursor: pointer;
| |
| font-weight: bold;
| |
| color: #0645ad;
| |
| margin-left: 5px;
| |
| font-size: 12px;
| |
| user-select: none;
| |
| }
| |
| | |
| .sidebar-toggle:hover {
| |
| text-decoration: underline;
| |
| color: #0b0080;
| |
| }
| |
| | |
| #mw-panel .portal.collapsed .body {
| |
| display: none;
| |
| }
| |
| | |
| #mw-panel .portal h3 {
| |
| cursor: default;
| |
| }
| |
| | |
| /* Style improvements for collapsible sections */
| |
| #mw-panel .portal {
| |
| margin-bottom: 0.5em;
| |
| }
| |
| | |
| #mw-panel .portal .body ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| #mw-panel .portal .body li {
| |
| margin: 0.2em 0;
| |
| }
| |
| `);
| |
| });
| |
|
| |
|
| | li.collapsible-header.open > .mw-collapsible-arrow { |
| | transform: rotate(90deg); |
| | } |
| */ | | */ |
