MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
$(document).ready(function () {
$(document).ready(function () {
    console.log('JavaScript is working!');
     var communityFeatured = $('#community-featured');
     var communityFeatured = $('#community-featured');
     var communityListFeatured = $('#community-list-featured');
     var communityListFeatured = $('#community-list-featured');
Line 9: Line 7:
     var list = $('#list');
     var list = $('#list');
     var listList = $('#list-list');
     var listList = $('#list-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
Line 152: Line 151:
         list.width(originalListWidth - wrapperWidth).css('margin-right', wrapperWidth + 'px');
         list.width(originalListWidth - wrapperWidth).css('margin-right', wrapperWidth + 'px');
         listList.width(originalListListWidth - wrapperWidth).css('margin-right', wrapperWidth + 'px');
         listList.width(originalListListWidth - wrapperWidth).css('margin-right', wrapperWidth + 'px');
       
        // Adjust width of filtered-list-items in #list
        filteredListItems.css('width', 'calc(33.3% - 2px)');
          
          
         // Extract and handle the information from the cardElement
         // Extract and handle the information from the cardElement
Line 264: Line 266:
         list.width(originalListWidth).css('margin-right', '0');
         list.width(originalListWidth).css('margin-right', '0');
         listList.width(originalListListWidth).css('margin-right', '0');
         listList.width(originalListListWidth).css('margin-right', '0');
       
        // Revert width of filtered-list-items in #list
        filteredListItems.css('width', 'calc(20% - 2px)');
     }
     }
      
      

Navigation menu