nickpons666/sistema_funcionando_lastwar
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reposicionar dropdown del usuario en navbar para que sea accesible en móvil y desktop

Browse Source
This commit is contained in:
Admin
2026-01-16 20:54:39 -06:00
parent 1d17386299
commit 5bc50ec54b
3 changed files with 14 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
templates/footer.php
View File

@@ -15,68 +15,6 @@
if (debugList) {
debugList.remove();
}
// Fix para dropdowns en móvil
const dropdownToggles = document.querySelectorAll('.dropdown-toggle');
dropdownToggles.forEach(toggle => {
toggle.addEventListener('click', function(e) {
e.preventDefault();
e.stopPropagation();
// Obtener el elemento dropdown
const dropdown = this.closest('.dropdown') || this.parentElement;
const menu = this.nextElementSibling;
if (menu && menu.classList.contains('dropdown-menu')) {
// Toggle la clase 'show'
if (menu.classList.contains('show')) {
menu.classList.remove('show');
this.classList.remove('show');
this.setAttribute('aria-expanded', 'false');
} else {
// Cerrar otros dropdowns
document.querySelectorAll('.dropdown-menu.show').forEach(m => {
m.classList.remove('show');
m.previousElementSibling?.classList.remove('show');
});
menu.classList.add('show');
this.classList.add('show');
this.setAttribute('aria-expanded', 'true');
}
}
});
});
// Cerrar dropdowns al hacer clic en un item
const dropdownItems = document.querySelectorAll('.dropdown-item');
dropdownItems.forEach(item => {
item.addEventListener('click', function() {
// Cerrar todos los dropdowns
document.querySelectorAll('.dropdown-menu.show').forEach(m => {
m.classList.remove('show');
m.previousElementSibling?.classList.remove('show');
});
document.querySelectorAll('.dropdown-toggle.show').forEach(t => {
t.classList.remove('show');
t.setAttribute('aria-expanded', 'false');
});
});
});
// Cerrar dropdowns al hacer clic fuera
document.addEventListener('click', function(e) {
if (!e.target.closest('.dropdown') && !e.target.closest('.nav-item.dropdown')) {
document.querySelectorAll('.dropdown-menu.show').forEach(m => {
m.classList.remove('show');
m.previousElementSibling?.classList.remove('show');
});
document.querySelectorAll('.dropdown-toggle.show').forEach(t => {
t.classList.remove('show');
t.setAttribute('aria-expanded', 'false');
});
}
});
});
</script>