urieljareth/whatsapp-api-mockup
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aplicar pendientes tras la integración

Browse Source 
- render.js: botones y cards con urlBloqueada se pintan inertes.
- interactivity.js: sinFormato con la misma regla de marcadores que render.js; cita de documento con icono y nombre.
- Zoom manual (Ajustar / 100 % / 125 %) en #barra-movil, persistido en localStorage.
- Contador «Paso N/M» con estilo en iphone.css en lugar de estilos en línea.
- store/editor: campos opcionales tamano y headerTamano; editar la URL retira urlBloqueada;
  urlValida acepta URLs con forma de dominio; importar avisa de lo recortado.
- README y SPEC actualizados.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
urieljareth
2026-09-27 21:39:09 -06:00
co-authored by Claude Opus 5.5
parent a645056c00
commit 4fe8f73959
11 changed files with 136 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/interactividad.css
+10
View File
@@ -69,6 +69,12 @@
margin-right: 4px;
opacity: .8;
}
.wa .wa-cita-doc {
display: inline-block;
vertical-align: -2px;
margin-right: 4px;
color: var(--wa-text-meta);
}
.wa .wa-cita-mini {
flex: none;
width: 56px;
@@ -100,6 +106,7 @@
justify-content: flex-end;
}
#btn-reiniciar,
#sel-zoom,
#sel-velocidad {
height: 34px;
padding: 0 12px;
@@ -112,8 +119,11 @@
font-weight: 600;
cursor: pointer;
}
#sel-zoom,
#sel-velocidad { padding: 0 8px; }
#btn-reiniciar:hover,
#sel-zoom:hover,
#sel-velocidad:hover { border-color: var(--wam-acento, #00a884); }
#btn-reiniciar:focus-visible,
#sel-zoom:focus-visible,
#sel-velocidad:focus-visible { outline: 2px solid var(--wam-acento, #00a884); outline-offset: 2px; }
css/iphone.css
+23 -7
View File
@@ -71,13 +71,16 @@ body.presentacion #barra-movil { display: none; }
}
/* Zoom manual (lo fija js/ux.js con body[data-wam-zoom]; sin atributo =
"Ajustar", el cálculo automático). Con zoom fijo el panel hace scroll. */
html body[data-wam-zoom="100"] { --wam-escala: 1; }
html body[data-wam-zoom="125"] { --wam-escala: 1.25; }
body[data-wam-zoom="100"] #panel-movil,
body[data-wam-zoom="125"] #panel-movil { overflow: auto; }
body[data-wam-zoom="100"] .iphone-escena,
body[data-wam-zoom="125"] .iphone-escena { margin: 0 auto; }
"Ajustar", el cálculo automático). Con zoom fijo el panel hace scroll.
Solo en escritorio y fuera de Presentación (ahí manda el ajuste). */
@media (min-width: 901px) {
html body[data-wam-zoom="100"]:not(.presentacion) { --wam-escala: 1; }
html body[data-wam-zoom="125"]:not(.presentacion) { --wam-escala: 1.25; }
body[data-wam-zoom="100"]:not(.presentacion) #panel-movil,
body[data-wam-zoom="125"]:not(.presentacion) #panel-movil { overflow: auto; }
body[data-wam-zoom="100"]:not(.presentacion) .iphone-escena,
body[data-wam-zoom="125"]:not(.presentacion) .iphone-escena { margin: 0 auto; }
}
/* --- Columna de vista previa (#panel-movil) ---------------------------- */
#panel-movil {
@@ -104,6 +107,19 @@ body[data-wam-zoom="125"] .iphone-escena { margin: 0 auto; }
gap: 12px;
margin-bottom: 14px;
}
/* Contador «Paso 3/12» de la demo (lo crea js/main.js junto al botón) */
#barra-movil .demo-paso {
font-size: 12px;
font-variant-numeric: tabular-nums;
color: var(--wam-texto-suave);
white-space: nowrap;
}
#barra-movil .demo-paso[hidden] { display: none; }
/* El zoom manual solo tiene sentido con marco y ventana de escritorio */
@media (max-width: 900px) {
#barra-movil .barra-zoom { display: none; }
}
#barra-movil .barra-titulo {
font-size: 12px;
font-weight: 700;