fix: restaurar todas las optimizaciones móvil/tablet perdidas por force push

- chat.php: recuperado y re-aplicado panel-switch móvil, viewport iOS,
  safe-area, sticky topbar, link ← Menú, botón volver
- lugar.php: panel-switch tablet (≤860px), botón ← Cola, JS mobile
- recepcion.php: panel-switch tablet (≤900px), botón ← Cola, JS mobile
- sidebar.php: soporte atributo target en links de módulo

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-07-03 00:25:47 -05:00
co-authored by Claude Sonnet 4.6
parent be4cb88420
commit fd95e7b38a
4 changed files with 627 additions and 5 deletions
+26 -2
View File
@@ -88,8 +88,12 @@ $adminNombre = $_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['
overflow: hidden;
}
@media (max-width: 900px) {
.rec-layout { grid-template-columns: 1fr; }
.rec-cola { max-height: 260px; }
.rec-layout { grid-template-columns: 1fr; position: relative; overflow: hidden; }
.rec-cola { transition: transform .2s ease; }
.rec-cola.mobile-oculta { transform: translateX(-100%); position: absolute; inset: 0; pointer-events: none; }
.rec-ficha { position: absolute; inset: 0; background: #fff; z-index: 10; transform: translateX(100%); transition: transform .2s ease; overflow-y: auto; }
.rec-ficha.mobile-visible { transform: translateX(0); }
.btn-volver-cola { display: inline-flex !important; align-items: center; gap: 6px; }
}
/* ── Columna cola ── */
@@ -347,6 +351,11 @@ document.addEventListener('DOMContentLoaded', function() {
<!-- ══ Columna derecha: ficha del turno ═══════════════ -->
<div class="rec-ficha" id="rec-ficha">
<button class="btn btn-sm btn-outline-secondary btn-volver-cola mb-3"
style="display:none" onclick="volverACola()">
<i class="fas fa-arrow-left"></i> Cola
</button>
<div class="ficha-placeholder" id="ficha-placeholder">
<i class="fas fa-ticket-alt fa-3x mb-3" style="color:#cbd5e1"></i>
<p class="mb-0 fw-semibold">Sin turno activo</p>
@@ -1038,6 +1047,7 @@ function abrirFicha(turno) {
// Cargar consentimientos del desk actual para este turno
if (DESK_ID) cargarConsentimientosDesk(turno.id);
mostrarFichaMobile();
}
// ── Cargar consentimientos del desk para el turno ─────────────
@@ -1637,6 +1647,7 @@ async function marcarAusente() {
document.getElementById('ficha-placeholder').classList.remove('d-none');
document.getElementById('badge-turno-activo').classList.add('d-none');
cargarCola();
volverACola();
}
// ── Soltar turno ──────────────────────────────────────────────
@@ -1657,6 +1668,7 @@ async function soltarTurno() {
document.getElementById('badge-turno-activo').classList.add('d-none');
mostrarToast('Turno liberado', 'success');
cargarCola();
volverACola();
}
// ── Helpers ───────────────────────────────────────────────────
@@ -1691,6 +1703,18 @@ function resetPlaceholder() {
<i class="fas fa-ticket-alt fa-3x mb-3" style="color:#cbd5e1"></i>
<p class="mb-0 fw-semibold">Sin turno activo</p>
<small class="text-muted">Haga clic en "Llamar siguiente" o en <i class="fas fa-bell"></i> de un turno de la cola</small>`;
volverACola();
}
function esMobile() { return window.innerWidth <= 900; }
function mostrarFichaMobile() {
if (!esMobile()) return;
document.getElementById('rec-ficha').classList.add('mobile-visible');
document.querySelector('.rec-cola').classList.add('mobile-oculta');
}
function volverACola() {
document.getElementById('rec-ficha').classList.remove('mobile-visible');
document.querySelector('.rec-cola').classList.remove('mobile-oculta');
}
function mostrarError(msg) {