fernando/Sistema-Educativo-Laravel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
- 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:
unknown
2026-04-28 17:30:06 -06:00
parent d7ae38ce27
commit e0205ec725
3 changed files with 33 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/feed/index.blade.php
+11 -11
View File
@@ -11,21 +11,21 @@
@csrf
<div class="d-flex align-items-start">
<img src="{{ auth()->user()->profile_photo_url }}"
class="rounded-circle mr-3" width="42" height="42" style="object-fit:cover">
<div class="flex-grow-1">
<textarea name="body" class="form-control border-0 bg-light rounded-pill px-3 py-2"
rows="2" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
style="resize:none"></textarea>
</div>
class="rounded-circle mr-3 flex-shrink-0" width="42" height="42" style="object-fit:cover">
<textarea name="body" class="form-control border-0 bg-light px-3 py-2 flex-grow-1"
rows="3" placeholder="¿Qué estás pensando, {{ auth()->user()->name }}?"
style="resize:none; border-radius:12px"></textarea>
</div>
<div class="d-flex align-items-center justify-content-between mt-2 pt-2 border-top">
<label class="btn btn-light btn-sm mb-0">
<i class="fas fa-image text-success mr-1"></i> Foto
<div class="d-flex align-items-center justify-content-between mt-3 pt-2 border-top">
<label class="btn btn-light btn-sm mb-0 px-3">
<i class="fas fa-image text-success mr-1"></i> Agregar foto
<input type="file" name="image" accept="image/*" hidden id="post-image-input">
</label>
<span id="post-image-name" class="text-muted small flex-grow-1 ml-2"></span>
<button type="submit" class="btn btn-primary btn-sm rounded-pill px-4">Publicar</button>
<span id="post-image-name" class="text-muted small flex-grow-1 mx-2 text-truncate"></span>
<button type="submit" class="btn btn-primary px-4">
<i class="fas fa-paper-plane mr-2"></i> Publicar
</button>
</div>
</form>
</div>
resources/views/layouts/_partials/header.blade.php
+7
View File
@@ -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');
}
resources/views/layouts/_partials/menu.blade.php
+15 -25
View File
@@ -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>