Reviews

[CBarreraB]

Un contenedor que muestra las cards de Reviews

[CBarreraB]

Este es un contenedor destinado a mostrar las opiniones de los usuarios, comenzando con 5 reseñas de Mercado Libre para proporcionar contenido inicial mientras se recopilan las opiniones reales.

Cada opinión se presenta en una tarjeta que consta de los siguientes elementos:

1. Un conjunto de comillas de color rojo en la parte superior, que resaltan la reseña.
2. El propio comentario de la opinión.
3. Más abajo, se muestra el nombre de usuario que realizó la opinión.
4. Junto al nombre de usuario, se incluye una calificación que refleja la valoración otorgada.

Estas tarjetas se disponen en el contenedor de manera que se ajusten al ancho de la pantalla, lo que permite una presentación ordenada y atractiva de las opiniones de los usuarios.

[CBarreraB]

A pesar de que las Reviews siguen el diseño plateado en Figma, se ha notado que su tamaño actual es considerablemente mayor que las tarjetas de productos, lo que crea una falta de fluidez en el diseño de la landing page. Para mejorar esto, es necesario reducir el tamaño de las revisiones para que sean más proporcionales y mostrar solo hasta 5 líneas de texto. Si el contenido de una revisión es más largo, se debe proporcionar un enlace que permita expandir la revisión para su lectura completa.

[CBarreraB]

Problema Reportado:

Al activar el "Modo Oscuro", se observa que las tarjetas (cards) no cambian de color correctamente, lo que resulta en una legibilidad deficiente del título.

[CBarreraB]

https://parquemonarca.com/

Este es un ejemplo de una ampliación cuando la review tiene más de cuatro líneas de comentarios, y se apmlia para mostrar su texoto completo.

[CBarreraB]

Se ha identificado un problema durante la revisión y prueba en una pantalla de tamaño superior a Full HD, con una resolución de 1920px o más. El elemento en cuestión se está representando con un ancho que excede los 1920px, lo que está causando una experiencia deficiente para el usuario.

Para resolver este problema, se requiere que el ancho máximo de este elemento se limite a 1920px. Además, si el contenido dentro de este elemento es más ancho que 1920px, se debe asegurar que solo se muestre hasta este ancho máximo. Sin embargo, es esencial que los colores del contenedor continúen hasta los bordes de la pantalla, independientemente de su ancho. Esto dará la impresión de que los colores se adaptan completamente al ancho de la pantalla, pero el contenido en sí está contenido dentro de los 1920px.

Esta solución mejorará la experiencia del usuario en pantallas más grandes al limitar el ancho del elemento, manteniendo al mismo tiempo la apariencia visual deseada en términos de colores y diseño.

[CBarreraB]

Mejora del Botón de Desplazamiento Lateral en Modo Oscuro

Descripción:

Se solicita mejorar el diseño del botón de desplazamiento lateral para que se adapte correctamente al modo oscuro del sitio web. Actualmente, el botón no cambia de color según los lineamientos de color establecidos para el modo oscuro, lo que afecta la consistencia visual y la experiencia del usuario. Es importante que el botón sea visible y estéticamente coherente en todos los modos de visualización para garantizar una experiencia de usuario óptima.

Cambios Propuestos:

Actualizar el color del botón de desplazamiento lateral para que se adapte al modo oscuro del sitio web.
Asegurarse de que el nuevo color del botón sea visible y estéticamente coherente en el modo oscuro.
Verificar que el botón de desplazamiento lateral se muestre correctamente en todas las vistas y dispositivos, manteniendo su funcionalidad.

Si se identifican problemas durante la implementación, documentarlos detalladamente para su posterior corrección.

Por favor, proceder con la mejora del botón de desplazamiento lateral según las especificaciones detalladas. Una vez completada la tarea, marque esta issue como resuelta. Estoy disponible para cualquier pregunta o aclaración adicional que necesite el equipo de desarrollo.