MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 469: Line 469:
});
});


/*     // Alternative way to Close modal and remove fade out when clicking outside of card
     // Close modal and remove fade out also when clicking outside of card
$(document).on('mousedown', function (event) {
    var isOutsideWrapper = !showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0;
    var isOnCard = $(event.target).closest('.card, .list-card').length > 0;
    if (isOutsideWrapper && !isOnCard) {
        console.log('Hiding fixed column');
        $('#list, #list-list, #list-list-1, #list-list-2, #list-list-3, #list-block-1, #list-block-2, #list-block-3').removeClass('fade-out');
        showArticleWrapper.css('display', 'none');
    }
}); */
/*
    // Revert changes when clicking outside the modal
    $(document).on('mousedown', function(event) {
    if (!showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0) {
        closeModal();
            console.log('Closing modal');
    }
}); */
 
    // Using delegated event handling for clicks outside the modal
     $(document).on('mousedown', function (event) {
     $(document).on('mousedown', function (event) {
         var isOutsideWrapper = !showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0;
         var isOutsideWrapper = !showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0;
Line 498: Line 478:
             $('#list, #list-list, #list-list-1, #list-list-2, #list-list-3, #list-block-1, #list-block-2, #list-block-3').removeClass('fade-out');
             $('#list, #list-list, #list-list-1, #list-list-2, #list-list-3, #list-block-1, #list-block-2, #list-block-3').removeClass('fade-out');
        showArticleWrapper.css('display', 'none');
        showArticleWrapper.css('display', 'none');
             closeModal();  // Use closeModal() for consistent cleanup
             closeModal();  // Use closeModal() for cleanup
         }
         }
     });
     });


     // Hover effect for scrolling
     // Hover effect for scrolling

Navigation menu