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

¿El componente admite la adición de un botón de publicación a las pestañas de navegación F?

¿Te refieres a crear una nueva pestaña de tema?

Sí. Añade un botón “Publicar nuevo tema” en el área de las pestañas de navegación F.
aaaaa

Claro, eso es posible, solo agrega la pestaña en esa posición en la configuración.

3 Me gusta

Hola @Don,

El componente temático está dando error después de la última actualización de Discourse y no funciona.

Hola :waving_hand:

4 Me gusta

Todavía estoy usando tu componente SoundCloud Music Player y tengo un par de preguntas.

Un par de puntos sobre el SoundCloud Music Player:

  • Superposición móvil: En móvil, se superpone con “F NAV - Mobile”. ¿Se puede optimizar su posición en móvil?
  • YouTube Music: ¿Hay planes para dar soporte a YouTube Music en este componente?

Hola, ¿es posible añadir el botón de nuevo tema a la barra inferior?

2 Me gusta

Gracias, funciona. Estaba usando tu componente de botón de navegación flotante pero me estaba dando errores, así que tuve que deshabilitarlo y eliminarlo.

Estoy pensando en añadir esto a mi foro, pero lo acabo de probar en el Theme Creator y cuando tienes un borrador en curso no puedes usar las pestañas porque están tapadas:

1 me gusta

Hola :wave: ¡Gracias por el informe! Aquí tienes una solución y también algunas otras mejoras: FIX: Issue with flashing on iOS devices, prevents closing on scroll-lock too and fixes the reply draft position by VaperinaDEV · Pull Request #5 · VaperinaDEV/f-nav-for-mobile · GitHub

1 me gusta

Hola @don, ¿podemos añadir texto como inicio, notificación, mensaje debajo de los iconos en el componente?

1 me gusta

Hola @ozkn :wave:

Gracias, acabo de fusionar una actualización para admitir esta función: FEATURE: Show tab label by VaperinaDEV · Pull Request #6 · VaperinaDEV/f-nav-for-mobile · GitHub

Se ha añadido una nueva configuración de tema: f_nav_show_labels

Las etiquetas de las pestañas ahora se muestran según los valores de name de la configuración f_nav_tabs.

Screenshot 2025-05-10 at 21.07.22

En las páginas de temas, la etiqueta de la pestaña “Inicio” se reemplaza con la clave js.back_button.

Screenshot 2025-05-10 at 21.08.23

2 Me gusta

gracias @don

1 me gusta

Hola @Don, noto que no puedo cambiar el icono del mensaje, está codificado, ¿hay alguna solución para poder cambiar el icono del botón por otra cosa?

2 Me gusta

Este componente de tema es increíble, ¡gracias! ¿Parece que aún no está listo para Horizon?

Intenté ocultar ese icono de muchas maneras y nada funcionó. Solo aparece en el móvil, no en el escritorio.

[EDITAR] Ya lo hice de la siguiente manera:

// Ocultar panel del menú de usuario en el móvil
.d-header-icons .header-dropdown-toggle [data-identifier="avatar-profile"] {
display: none !important;
}

Prefiero la barra de navegación fija, así que modifiqué un poco el componente:

// Fijar navegación (escritorio en móvil) al desplazarse
body.f-nav-hidden:not(
    .archetype-regular,
    .archetype-private_message,
    .has-full-page-chat
  )
  .list-controls {
  position: static;
}

Eso evita la función de ocultación automática al desplazarse para aquellos que buscan lo mismo.

Estaba buscando algo similar, pero para el encabezado en realidad.

En caso de que alguien necesite un encabezado fijo, aquí está:

```

body.f-nav-hidden .d-header-wrap {
animation: none !important;
opacity: 1 !important;
transform: none !important;
visibility: visible !important;
position: sticky !important;
top: 0 !important;
z-index: 1000 !important; // asegurar que se mantenga por encima de otros elementos
}

```

2 Me gusta

¿Tienes este problema: cuando añado un chat, la posición del “número” en el mensaje recibido es incorrecta?
image