Hola a todos,
Recientemente actualizamos nuestro foro de Discourse (tw.forumosa.com) y, con la última actualización, se agregaron el nuevo encabezado “Bienvenido de nuevo” y la barra de búsqueda integrada a la página de inicio. Si bien conceptualmente se ve bien, hemos notado algunos problemas de usabilidad, especialmente en dispositivos móviles:
1. El menú desplegable de búsqueda puede ser ilegible debido a la transparencia
Al tocar el ícono de búsqueda en la barra de navegación superior (en Android, por ejemplo), aparece el menú desplegable pero tiene un fondo transparente, lo que hace casi imposible leer los resultados de la búsqueda sobre el contenido que hay detrás. Un fondo sólido debería solucionar esto. He publicado capturas de pantalla de lo que quiero decir a continuación.
2. El encabezado es alto: ¿cómo podemos ajustar el espaciado vertical?
El nuevo mensaje de bienvenida y la barra de búsqueda ocupan una gran parte del espacio de la pantalla en dispositivos móviles. Dado que ya tenemos el ícono de búsqueda en la barra de navegación, la barra de búsqueda adicional se siente redundante. Nos gustaría reducir la altura de este encabezado u ocultar la barra de búsqueda adicional / mensaje de bienvenida por completo en pantallas más pequeñas.
Esto puede afectar también a los ordenadores de escritorio, pero es especialmente problemático en dispositivos móviles en este momento.
¿Alguien se ha encontrado con esto y ha encontrado una forma limpia de anularlo a través de CSS o componentes temáticos?
¡Saludos!
