Gracias, Don. Esta es la respuesta que estaba buscando. ![]()
Sin embargo, necesito verificar en detalle cómo habilitar esta configuración.
Gracias, Don. Esta es la respuesta que estaba buscando. ![]()
Sin embargo, necesito verificar en detalle cómo habilitar esta configuración.
Puedes encontrar la opción “reducir movimiento” en la configuración de accesibilidad de tu teléfono. Probablemente esté activada ahora, así que si la desactivas, el clic fuera del menú funcionará. Pero probablemente esté activada por una buena razón y sea más fácil cerrar el menú deslizando. ![]()
Me encanta, Don
Pero parece que hay un problema con el tema fkb pro si quieres ocultar el menú de hamburguesa, como aquí y aquí:
Todavía queda el espacio del ícono de hamburguesa.
Hola ![]()
Gracias por el informe, he fusionado una solución para esto en el FKB Pro - Social theme ![]()
Informe de error: En la versión 3.4.0beta, el icono de chat no se oculta una vez que cambias al chat:
Hola ![]()
Eso es por diseño. Ocultamos la navegación f en las páginas /chat y usamos el encabezado de chat predeterminado.
Como aquí en Meta:
Ok, lo entiendo. Entonces, ¿la única forma sería ocultarlo manualmente a través de CSS?
Puedes ocultarlo por completo con CSS.
Móvil/CSS
.d-header-icons {
.header-dropdown-toggle {
&.chat-header-icon {
display: none;
}
}
}
Nota: Cuando estás en un canal, este es el único lugar donde puedes ver las notificaciones del chat.
¿Sería posible eliminar el icono del chat, pero conservando el indicador de burbuja de nuevo mensaje?
Editar: Lo he solucionado yo mismo añadiendo un svg
.d-header-icons {
.header-dropdown-toggle {
&.chat-header-icon a svg {
display: none;
}
}
}
Hola @don, ¿puedo añadir texto como página de inicio, menú, etc. debajo de los iconos?
¿Puedes compartir algunos detalles de configuración? Estoy en Pruebas superadas y los mensajes funcionan correctamente
En el iPhone en Safari no funciona, en el navegador Chrome sí.
Gracias por los detalles adicionales. Estoy en Android.
Al usar el tema Horizon, un componente en la lista de temas está dejando en blanco el área superior (área de logotipo/elementos) al desplazarse.
Desafortunadamente, no puedo reproducirlo.
Parece que no es muy compatible con los cambios en la cabecera. Comprobaré qué sucede en Horizon.
Oh, ok, creo que entiendo lo que está pasando aquí. Los list-controls se fijan en Horizon cuando te desplazas hacia abajo y la F NAV oculta la cabecera por defecto al mismo tiempo. Así que esto causa este espacio que compartiste en tu captura de pantalla.
Este pequeño fragmento de CSS debería funcionar con el tema Horizon.
Lo fijará en la parte superior de la página cuando te desplaces hacia abajo en lugar de la altura de la cabecera.
Móvil / CSS
body.f-nav-hidden {
.list-controls {
top: 0;
}
}
Para el futuro, quizás sea una buena idea añadir una configuración para gestionar la apariencia de la cabecera.
No funciona en la última versión de Discourse.
¿Puedes aclararlo?
De acuerdo, entendido. Gracias por el informe. Se eliminó el mixin scrollTop del núcleo, y eso causó el problema. Pero en realidad no lo usamos, así que probablemente se quedó ahí por accidente. Lo he corregido aquí: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub
Por favor, actualiza el componente.