fix: sidebar — logo fijo en header y colapso de módulos funcional

Logo:
- Carga doc_logo_base64 y empresa_nombre desde lab_config
- Header muestra logo (filtro invert para fondo oscuro) o ícono fallback
- Nombre del laboratorio siempre visible debajo, nunca cambia por página
- Ícono de configuración reposicionado en esquina superior derecha

Colapso de módulos:
- Bug: transición CSS se disparaba durante init causando estado inconsistente
- Fix: inyecta <style> temporal con transition:none antes de aplicar estados,
  lo remueve en el siguiente frame para que las animaciones funcionen luego

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lizandro Guarnizo
2026-06-23 23:55:20 -05:00
co-authored by Claude Sonnet 4.6
parent 86cfad6e68
commit 6b6389c583
2 changed files with 88 additions and 44 deletions
-13
View File
@@ -89,8 +89,6 @@ body {
/* ── Cabecera ─────────────────────────────────────────── */
.sidebar-header {
padding: 20px 20px 16px;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(0, 0, 0, 0.15);
backdrop-filter: blur(4px);
@@ -99,17 +97,6 @@ body {
flex-shrink: 0;
}
.sidebar-header h4 {
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.02em;
margin: 0;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* ── Lista de menú ────────────────────────────────────── */
.sidebar-menu {
list-style: none;