fix/feat: menú social en Adicionales, botón publicar visible y bug dropdown búsqueda

- Menú: mueve Comunidad/Amigos/Mensajes a la sección Adicionales (elimina duplicado Chats)
- Feed: botón Publicar más grande con ícono, textarea sin pill para mejor UX
- Header búsqueda: corrige bug que cerraba el dropdown al hacer click en él
  (mousedown en el contenedor bloquea el cierre hasta que se suelta el botón)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-28 17:30:06 -06:00
parent d7ae38ce27
commit e0205ec725
3 changed files with 33 additions and 36 deletions
@@ -390,7 +390,14 @@ function markAllNotifsRead() {
timer = setTimeout(() => doSearch(this.value.trim()), 300);
});
// Evita que el dropdown se cierre al hacer mousedown dentro de él
// (mousedown dispara antes que click, y blur del input cierra antes de registrar la acción)
let interactingWithResults = false;
results.addEventListener('mousedown', () => { interactingWithResults = true; });
document.addEventListener('mouseup', () => { interactingWithResults = false; });
document.addEventListener('click', function (e) {
if (interactingWithResults) return;
if (!input.contains(e.target) && !results.contains(e.target)) {
results.classList.add('d-none');
}
@@ -16,29 +16,6 @@
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Inicio</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Social -->
<li class="nav-item">
<a class="nav-link" href="{{ route('feed') }}">
<i class="fas fa-fw fa-stream"></i>
<span>Comunidad</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('friendships.index') }}">
<i class="fas fa-fw fa-user-friends"></i>
<span>Amigos</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('chat.index') }}">
<i class="fas fa-fw fa-comment-dots"></i>
<span>Mensajes</span>
</a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<!-- Heading -->
@@ -219,10 +196,23 @@
<!-- Heading -->
<div class="sidebar-heading" style="color:white">Adicionales</div>
<li class="nav-item">
<a class="nav-link" href="{{ route('feed') }}">
<i class="fas fa-fw fa-stream" style="color:#e8e8e8"></i>
<span>Comunidad</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('friendships.index') }}">
<i class="fas fa-fw fa-user-friends" style="color:#e8e8e8"></i>
<span>Amigos</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{ route('chat.index') }}">
<i class="fas fa-fw fa-comments" style="color: #e8e8e8;"></i>
<span>Chats</span></a>
<i class="fas fa-fw fa-comment-dots" style="color:#e8e8e8"></i>
<span>Mensajes</span>
</a>
</li>