F NAV - Pestañas de navegación móvil

Gracias, Don. Esta es la respuesta que estaba buscando. :+1:

Sin embargo, necesito verificar en detalle cómo habilitar esta configuración.

2 Me gusta

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. :slightly_smiling_face:

3 Me gusta

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.

2 Me gusta

Hola :wave:
Gracias por el informe, he fusionado una solución para esto en el FKB Pro - Social theme :slightly_smiling_face:

3 Me gusta

Informe de error: En la versión 3.4.0beta, el icono de chat no se oculta una vez que cambias al chat:

Hola :waving_hand:

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.

1 me gusta

¿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?

Tengo un problema con los mensajes, no se cargan.

1 me gusta

¿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í.

1 me gusta

Gracias por los detalles adicionales. Estoy en Android.

1 me gusta


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.

3 Me gusta

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.

4 Me gusta

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.

3 Me gusta