Mejoras en la Interfaz de Compartir en LinkedIn y Control de Visibilidad de Anuncios
Este artículo describe las recientes mejoras realizadas en el proyecto devlog-ist/landing. El objetivo principal de este proyecto es proporcionar una plataforma para que los desarrolladores creen y compartan sus registros de desarrollo.
Las actualizaciones se centran en dos áreas clave: mejorar la experiencia del usuario al compartir contenido en LinkedIn y garantizar que los anuncios solo se muestren a usuarios autenticados.
Scroll Mejorado en el Modal de Compartir en LinkedIn
En dispositivos con pantallas más pequeñas, el modal para compartir contenido en LinkedIn presentaba problemas de scroll. Los usuarios no podían acceder al botón de publicación debido a la altura limitada del modal. Para solucionar esto, se aplicaron las siguientes propiedades CSS al panel del modal:
max-h-[85vh]overflow-y-auto
Esto permite que el contenido del modal se desplace verticalmente cuando excede el 85% de la altura de la ventana, asegurando que el botón de publicación siempre sea accesible. Además, se añadió un estilo "sticky" al botón de cierre para que permanezca visible durante el scroll.
Control de Visibilidad de Anuncios para Usuarios Autenticados
Anteriormente, los anuncios se mostraban a todos los visitantes del portfolio, independientemente de si estaban autenticados o no. Para mejorar la experiencia del usuario y asegurar que los anuncios solo se muestren a usuarios que han iniciado sesión, se implementó una verificación de autenticación en el componente AnnouncementModal.
El método AnnouncementModal::mount() ahora está protegido por una comprobación de autenticación. Esto significa que el modal y, por ende, los anuncios, solo se mostrarán si el usuario ha iniciado sesión. Esto se logra mediante una condicional que verifica el estado de autenticación del usuario antes de montar el componente:
if (isAuthenticated) {
AnnouncementModal.mount();
}
Este cambio garantiza una experiencia más personalizada y relevante para los usuarios autenticados del portfolio.
Resumen
Las mejoras implementadas en devlog-ist/landing optimizan la experiencia del usuario al compartir contenido en LinkedIn y al controlar la visibilidad de los anuncios. Estas actualizaciones contribuyen a una plataforma más pulida y centrada en el usuario.
