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
@@ -54,8 +54,12 @@ $adminNombre = $_SESSION['admin_user']['full_name'] ?? $_SESSION['admin_user']['
overflow: hidden;
}
@media (max-width: 860px) {
.lugar-layout { grid-template-columns: 1fr; }
.lugar-cola { max-height: 240px; }
.lugar-layout { grid-template-columns: 1fr; position: relative; overflow: hidden; }
.lugar-cola { transition: transform .2s ease; }
.lugar-cola.mobile-oculta { transform: translateX(-100%); position: absolute; inset: 0; pointer-events: none; }
.lugar-ficha { position: absolute; inset: 0; background: #fff; z-index: 10; transform: translateX(100%); transition: transform .2s ease; overflow-y: auto; }
.lugar-ficha.mobile-visible { transform: translateX(0); }
.btn-volver-cola { display: inline-flex !important; align-items: center; gap: 6px; }
}
/* ── Columna cola ── */
@@ -256,6 +260,11 @@ require_once __DIR__ . '/../../../shared/components/sidebar.php';
<!-- ══ Ficha del turno ════════════════════════════════ -->
<div class="lugar-ficha" id="lugar-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-stethoscope fa-3x mb-3" style="color:#cbd5e1"></i>
<p class="fw-semibold mb-1">Sin turno activo</p>
@@ -508,6 +517,7 @@ async function seleccionarSinLlamar(turnoId) {
await cargarFichaSolicitud(t.id);
clearInterval(pollingConsentId);
pollingConsentId = setInterval(() => actualizarConsentimientos(turnoActivo?.id), 5000);
mostrarFichaMobile();
}
async function rellamarDesdeCard(turnoId) {
@@ -580,6 +590,7 @@ async function abrirFicha(turno) {
// Iniciar polling de consentimientos
clearInterval(pollingConsentId);
pollingConsentId = setInterval(() => actualizarConsentimientos(turnoActivo?.id), 5000);
mostrarFichaMobile();
}
// ── Cargar datos de la solicitud del turno ────────────────────
@@ -823,6 +834,19 @@ function resetFicha() {
document.getElementById('btn-iniciar').disabled = false;
document.getElementById('btn-finalizar').classList.add('d-none');
document.getElementById('btn-regresar').classList.add('d-none');
volverACola();
}
function esMobile() { return window.innerWidth <= 860; }
function mostrarFichaMobile() {
if (!esMobile()) return;
document.getElementById('lugar-ficha').classList.add('mobile-visible');
document.querySelector('.lugar-cola').classList.add('mobile-oculta');
}
function volverACola() {
document.getElementById('lugar-ficha').classList.remove('mobile-visible');
document.querySelector('.lugar-cola').classList.remove('mobile-oculta');
}
// ── Helpers ───────────────────────────────────────────────────