WIP: mejoras de fidelidad, editor, lógica y suite e2e (checkpoint tras reinicio)
This commit is contained in:
+12
-9
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user