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:
co-authored by
Claude Sonnet 4.6
parent
be4cb88420
commit
fd95e7b38a
@@ -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 ───────────────────────────────────────────────────
|
||||
|
||||
Reference in New Issue
Block a user