4,090
edits
No edit summary Tag: Manual revert |
No edit summary Tag: Reverted |
||
Line 16: | Line 16: | ||
// Show the fixed column | // Show the fixed column | ||
$('# | $('#overlay').css('display', 'block'); | ||
// Update the fixed column content with card information | // Update the fixed column content with card information | ||
Line 50: | Line 50: | ||
); | ); | ||
// Apply the fade-out effect to the # | // Apply the fade-out effect to the #overlay element | ||
$('# | $('#overlay').addClass('fade-out'); | ||
}); | }); | ||
// Attach a click event listener to close the fixed column | // Attach a click event listener to close the fixed column | ||
$('# | $('#overlay').on('click', function (event) { | ||
// Hide the fixed column when clicked outside or on the close button | // Hide the fixed column when clicked outside or on the close button | ||
if (event.target.id === 'close-button' || !$.contains(this, event.target)) { | if (event.target.id === 'close-button' || !$.contains(this, event.target)) { | ||
// Remove the fade-out class when hiding the fixed column | // Remove the fade-out class when hiding the fixed column | ||
$('# | $('#overlay').removeClass('fade-out').css('display', 'none'); | ||
} | } | ||
}); | }); |