MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 7: Line 7:
     var list = $('#list');
     var list = $('#list');
     var listList = $('#list-list');
     var listList = $('#list-list');
    var listList1 = $('#list-list-1');
    var listList2 = $('#list-list-2');
    var listList3 = $('#list-list-3');
     var filteredListItems = $('#list .filtered-list-item'); // Selecting filtered-list-items in #list
     var filteredListItems = $('#list .filtered-list-item'); // Selecting filtered-list-items in #list
     var originalListWidth = list.width(); // Store the original width for #list
     var originalListWidth = list.width(); // Store the original width for #list
     var originalListListWidth = listList.width(); // Store the original width for #list-list
     var originalListListWidth = listList.width(); // Store the original width for #list-list
    var originalListList1Width = listList1.width();  
// Store jQuery objects in an array
    var originalListList2Width = listList2.width();
var listLists = [$('#list-list-1'), $('#list-list-2'), $('#list-list-3')];
    var originalListList3Width = listList3.width();  
// Store original widths in an array
var originalWidths = listLists.map(function(list) {
    return list.width();
});
      
      
     // Initial check to set the visibility based on the current state of filters
     // Initial check to set the visibility based on the current state of filters
Line 175: Line 175:
    filteredListItems.css('width', 'calc(33.15% - 0px)');
    filteredListItems.css('width', 'calc(33.15% - 0px)');
     
     
    // Adjust width of #list-list-2
    // Set new width using .each() to iterate over the jQuery objects
    listList1.css('cssText', 'width: 60% !important;');
$.each(listLists, function(index, list) {
    listList2.css('cssText', 'width: 60% !important;');
    list.css('cssText', 'width: 60% !important;');
    listList3.css('cssText', 'width: 60% !important;');
});
     
     
    // Hide communityFeatured
    // Hide communityFeatured
Line 428: Line 428:
    filteredListItems.css('width', 'calc(20% - 0px)');
    filteredListItems.css('width', 'calc(20% - 0px)');
     
     
    // Revert width of filtered-list-items in #list
    // Revert width of filtered-list-items in listLists
    listList1.width(originalListList1Width); // This resets the width of #list-list-2
    $.each(listLists, function(index, list) {
    listList2.width(originalListList2Width); // This resets the width of #list-list-2
    list.width(originalWidths[index]);
    listList3.width(originalListList3Width); // This resets the width of #list-list-2
});
    // Check if filters are cleared before showing the featured content
    // Check if filters are cleared before showing the featured content

Navigation menu