fix: custom scrollbar visible on mobile

[dresandev]

Descripción

Problema solucionado

Cambios propuestos

Se usa la media query hover @media (hover: hover) para evitar que el custom scrollbar solo sea visible en dispositivos cuyo mecanismo de entrada primario del usuario puede flotar sobre los elementos. Soluciona el desplazamiento de los elementos en el menú movíl y la visualización del custom scrollbar.

Capturas de pantalla (si corresponde)

Antes (Brave):

Antes (Edge/Chrome):

Después:

Comprobación de cambios

• [x] He revisado que no haya ninguna PR (pull request) ya abierta con un problema similar, siguiendo el apartado de buenas prácticas
• [x] He revisado localmente los cambios para asegurarme de que no haya errores ni problemas.
• [x] He probado estos cambios en múltiples dispositivos y navegadores para asegurarme de que la landing page se vea y funcione correctamente.
• [x] He actualizado la documentación, si corresponde.

Impacto potencial

Experiencia de usuario.

Contexto adicional

Es una solución provisional ya que es un bug de CSS introducido junto a las propiedades scrollbar-width y scrollbar-color en los navegadores que soportan ::-webkit-scrollbar. El principal problema es que en algunos navegadores se muestra el custom scrollbar y en otros no se muestra, pero ocupa el espacio. Por ahora no hay mucha información al respecto.

[vercel[bot]]

@dresandev is attempting to deploy a commit to the midudev pro Team on Vercel.

A member of the Team first needs to authorize it.