refactor(ui): normalize about modal with hidden class
This commit is contained in:
@@ -129,7 +129,7 @@ function setupUserMenu() {
|
||||
aboutBtn.addEventListener('click', () => {
|
||||
wrapper.classList.remove('open');
|
||||
const overlay = document.getElementById('about-modal-overlay');
|
||||
if (overlay) overlay.classList.add('show');
|
||||
if (overlay) overlay.classList.remove('hidden');
|
||||
});
|
||||
}
|
||||
|
||||
@@ -137,18 +137,18 @@ function setupUserMenu() {
|
||||
const aboutOverlay = document.getElementById('about-modal-overlay');
|
||||
if (aboutCloseBtn) {
|
||||
aboutCloseBtn.addEventListener('click', () => {
|
||||
aboutOverlay.classList.remove('show');
|
||||
aboutOverlay.classList.add('hidden');
|
||||
});
|
||||
}
|
||||
if (aboutOverlay) {
|
||||
aboutOverlay.addEventListener('click', (e) => {
|
||||
if (e.target === aboutOverlay) {
|
||||
aboutOverlay.classList.remove('show');
|
||||
aboutOverlay.classList.add('hidden');
|
||||
}
|
||||
});
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape' && aboutOverlay.classList.contains('show')) {
|
||||
aboutOverlay.classList.remove('show');
|
||||
if (e.key === 'Escape' && !aboutOverlay.classList.contains('hidden')) {
|
||||
aboutOverlay.classList.add('hidden');
|
||||
}
|
||||
});
|
||||
}
|
||||
@@ -218,7 +218,7 @@ function showUserProfileModal() {
|
||||
|
||||
const overlay = document.createElement('div');
|
||||
overlay.id = 'profile-modal-overlay';
|
||||
overlay.className = 'about-modal-overlay';
|
||||
overlay.classList.add('about-modal-overlay', 'hidden');
|
||||
overlay.innerHTML = `
|
||||
<div class="about-modal about-modal-body">
|
||||
<div class="about-modal-header">
|
||||
|
||||
Reference in New Issue
Block a user