MediaWiki:Common.js: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 463: Line 463:
}
}
      
      
    // Close modal with Close button
$('#close-button').on('click', function () {
    $('#list, #list-list, #list-list-1, #list-list-2, #list-list-3, #list-block-1, #list-block-2, #list-block-3').removeClass('fade-out');
    closeModal();
});
    // Alternative way to Close modal and remove fade out when clicking outside of card
$(document).on('mousedown', function (event) {
$(document).on('mousedown', function (event) {
    console.log('Document mousedown event triggered');
    console.log('Event target:', event.target);
    var isOutsideWrapper = !showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0;
    var isOutsideWrapper = !showArticleWrapper.is(event.target) && showArticleWrapper.has(event.target).length === 0;
    // Check if the click is directly on a .card or .list-card, or inside one of them
    var isOnCard = $(event.target).closest('.card, .list-card').length > 0;
    var isOnCard = $(event.target).closest('.card, .list-card').length > 0;
    console.log('Is outside wrapper:', isOutsideWrapper);
    console.log('Is on card:', isOnCard);
    if (isOutsideWrapper && !isOnCard) {
    if (isOutsideWrapper && !isOnCard) {
        console.log('Hiding fixed column');
        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');
        $('#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');
    } else {
    }  
        console.log('Click inside wrapper or on card');
    }
});
 
$('#close-button').on('click', function () {
    $('#list, #list-list, #list-list-1, #list-list-2, #list-list-3, #list-block-1, #list-block-2, #list-block-3').removeClass('fade-out');
    closeModal();
});
});


Navigation menu