MediaWiki:Common.css: Difference between revisions

From SZ
Jump to navigation Jump to search
← Older editNewer edit →
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
.mw-collapsible-arrowtoggle {


/* Collapsible sidebar functionality for all pages */
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png'); /* @noflip */
$(document).ready(function() {
    // Function to make sidebar sections collapsible
    function makeSidebarCollapsible() {
        // Target the sidebar navigation
        $('#mw-panel .portal').each(function() {
            var $portal = $(this);
            var $header = $portal.find('h3');
            var $body = $portal.find('.body');


            // Skip certain sections that shouldn't be collapsible
  background-position: left center;
            var portalId = $portal.attr('id');
            if (portalId === 'p-search' || portalId === 'p-tb' || portalId === 'p-lang') {
                return;
            }


            // Add toggle functionality only to specific sections
  /* Add other styles as desired for the toggle arrow */
            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
.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle {
                $toggleBtn.click(function(e) {
                    e.preventDefault();
                    e.stopPropagation();


                    if ($body.is(':visible')) {
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png'); /* @noflip */
                        $body.slideUp(200);
                        $toggleBtn.text('[+]');
                        $portal.addClass('collapsed');
                    } else {
                        $body.slideDown(200);
                        $toggleBtn.text('[−]');
                        $portal.removeClass('collapsed');
                    }
                });


                // Start collapsed for some sections
  /* Add other styles for the collapsed state of the arrow */
                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();
    });
});


/* CSS for sidebar toggle buttons */
/* Adjustments for the toggle link */
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 {
.mw-collapsible span.mw-collapsible-toggle {
            text-decoration: underline;
            color: #0b0080;
        }


        #mw-panel .portal.collapsed .body {
    float: left;
            display: none;
        }


        #mw-panel .portal h3 {
    margin-left: 0;
            cursor: default;
        }


        /* Style improvements for collapsible sections */
    margin-right: 1em;
        #mw-panel .portal {
            margin-bottom: 0.5em;
        }


        #mw-panel .portal .body ul {
    /* This example floats the toggle left and adjusts margins */
            margin: 0;
            padding: 0;
        }


        #mw-panel .portal .body li {
}
            margin: 0.2em 0;
 
        }
     `);
 
});
/* Hide the content within collapsed sections */
 
.mw-collapsible-content {
 
    display: none;
 
}
 
.mw-collapsible-toggle-expanded .mw-collapsible-content {
 
     display: block;
 
}

Revision as of 16:09, 25 August 2025

.mw-collapsible-arrowtoggle {

  background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png'); /* @noflip */

  background-position: left center;

  /* Add other styles as desired for the toggle arrow */

}

.mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle {

  background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png'); /* @noflip */

  /* Add other styles for the collapsed state of the arrow */

}

 

/* Adjustments for the toggle link */

.mw-collapsible span.mw-collapsible-toggle {

    float: left;

    margin-left: 0;

    margin-right: 1em;

    /* This example floats the toggle left and adjusts margins */

}

 

/* Hide the content within collapsed sections */

.mw-collapsible-content {

    display: none;

}

.mw-collapsible-toggle-expanded .mw-collapsible-content {

    display: block;

}
Retrieved from "http://blitzletters.org/mw14/index.php?title=MediaWiki:Common.css&oldid=174"