WIP: mejoras de fidelidad, editor, lógica y suite e2e (checkpoint tras reinicio)

This commit is contained in:
urieljareth
2026-09-27 20:46:51 -06:00
parent dc6e31a9d7
commit 9a5f21badf
33 changed files with 7719 additions and 1129 deletions
+12 -9
View File
@@ -30,15 +30,19 @@
));
}
body.presentacion {
/* sin editor cabe más teléfono (el ahorro es horizontal; el vertical igual) */
/* sin editor ni barra de vista previa: solo resta la toolbar (~57 px) + aire */
--wam-escala: max(.3, min(
1,
(100vh - 150px) / 852px,
(100vh - 96px) / 852px,
(100vw - 64px) / 393px
));
}
}
/* Presentación: se oculta la barra "Vista previa / Reproducir demo" para
que el teléfono crezca (en 1280×720 pasa de .67 a ~.73). */
body.presentacion #barra-movil { display: none; }
/* --- Columna de vista previa (#panel-movil) ---------------------------- */
#panel-movil {
min-width: 0;
@@ -160,7 +164,7 @@
align-items: center;
justify-content: space-between;
padding: 18px 30px 0 34px;
color: #111b21; /* en claro, status bar oscura (research-ui §7) */
color: #000; /* en claro, status bar negra */
font-size: 15px;
font-weight: 600;
letter-spacing: .02em;
@@ -177,14 +181,14 @@
bottom: 8px;
left: 50%;
transform: translateX(-50%);
width: 139px;
width: 134px;
height: 5px;
border-radius: 3px;
background: #fff; /* en oscuro (research-ui §7) */
background: #fff; /* en oscuro */
z-index: 45;
pointer-events: none;
}
#pantalla:not(.oscuro) .home-indicator { background: #0b141a; } /* en claro, oscuro */
#pantalla:not(.oscuro) .home-indicator { background: #000; } /* en claro, negro */
/* --- Colocación del chat (estructura A; la estética es css/whatsapp.css B) */
#chat-header { flex: none; }
@@ -215,9 +219,8 @@
background: none;
cursor: pointer;
}
#composer .attach { color: var(--wa-text-meta, #667781); }
#composer .enviar { color: var(--wa-accent, #00a884); }
#composer .field svg { flex: none; opacity: .55; color: var(--wa-text-meta, #667781); }
#composer .attach { color: var(--wa-chrome-text, #000); }
#composer .field svg { flex: none; }
#composer-input {
flex: 1 1 auto;
min-width: 0;