Barra de pestañas de Discourse para móvil

Hola, hice una PR para agregar soporte a caracteres no ASCII en la URL de la pestaña, ¿te gustaría echarle un vistazo y ver si se puede fusionar en la rama principal?

7 Me gusta

¡Claro, PR fusionado! ¡Gracias @th21!

6 Me gusta

No estoy seguro de si es fusionable, así que lo he bifurcado y añadido configuraciones adicionales para mostrar pestañas para usuarios no registrados

6 Me gusta

¿Podemos añadir un botón ATRÁS en la barra de pestañas, quizás con un código simple de JavaScript o algo así? La barra de pestañas en la aplicación Discourse Hub para iOS te impide volver a la página principal de selección de Discourse.

5 Me gusta

@Osama ¿alguna idea para añadir atrás/adelante con ellos? Gracias.

3 Me gusta

@miss @MarcP Dado que el componente permite a los administradores personalizar cada pestaña, no puedo codificar de forma rígida una pestaña específica para la navegación hacia atrás/adelante, por lo que necesitamos una forma de permitir a los administradores decidir qué pestaña quieren que actúe como botón de retroceso o avance utilizando la configuración del tema. Esta es una nueva función que debe agregarse al componente y estaré encantado de aceptar una PR para ello. Si está interesado en trabajar en esto, envíeme un mensaje privado antes de comenzar.

5 Me gusta

Hola, hice otro PR para agregar una opción que permita que las URL sin recortar coincidan con la configuración de destino de la pestaña.

Por ejemplo, /latest?order=created y /latest se tratarán como pestañas diferentes y recibirán un cambio de color de icono al hacer clic cuando la opción esté activada.

¿Te gustaría echarle un vistazo y decirme si es fusionable? Gracias de antemano. :grinning:

4 Me gusta

¡Me gusta mucho!

Sin embargo, está cubriendo la interfaz de usuario de Discourse Hub, ¿se puede arreglar?

2 Me gusta

Hola, gracias por este componente temático. Actualmente lo estoy usando en mi sitio web https://businesslab.vn. Sin embargo, recientemente tuve una idea sobre la integración de “Toggle hamburger menu” y “Header dropdown toggle current user” dentro de este componente temático, esto hará que el espacio de visualización en la cabecera sea más minimalista, y los usuarios con una sola mano podrán navegar a la barra de pestañas (tu componente temático). Espero que te interese esta propuesta.
image
image

1 me gusta

Hola, este componente es maravilloso, ¡felicidades por crearlo! ¿Es este el componente más actual que existe? ¿O hay un componente más moderno? Soy nuevo en el foro.

¿Hay alguna forma de poner una opción en el último botón para que, cuando la persona lo presione, aparezcan otros botones con iconos o con iconos y nombres para que elijan otras opciones? Porque tengo opciones más importantes y necesitaba ponerlo, una forma así sería perfecta, por ejemplo

es decir, cuando la persona haga clic en el icono, aparecerán otros iconos para que hagan clic

@th21 @osama

1 me gusta

¿Cómo hago que la barra de pestañas sea fija? A veces, cuando me desplazo hacia abajo, desaparece, ¡quiero que siempre esté visible!

Estoy intentando que uno de los botones vaya a user-portfolio sin éxito.

¿Es esto factible?

Editar: lo resolví…

my/activity/portfolio
1 me gusta

La barra de pestañas se desborda en el cuadro de chat. Los usuarios no pueden chatear con la barra de pestañas.
¿Podrías arreglar esto, por favor?

Confirmo el problema: oculta el campo de texto.

1 me gusta

Una solución rápida sería agregar un margen debajo del compositor de chat, no muy estético, pero los usuarios deberían poder alternar el cuadro de entrada.

También redimensioné la barra de pestañas, así que si alguien quisiera usar el CSS, debería usar la altura original de la barra de pestañas (pero olvidé cuánto es).

.chat-composer__wrapper {
    margin-bottom: 35px
}
1 me gusta

Esto parece funcionar, pero dejará un espacio en blanco al desplazarse hacia abajo.

(vídeo grabado con un margen inferior de 49px, que es la altura de la barra de pestañas):

Sí, como dije, no será bonito.

1 me gusta

Deberías comprobar con z-index, en lugar de margin
(Supongamos que el usuario nunca usa pestañas al chatear)
Al disminuir el z-index de la barra de pestañas, será más bonito

Por eso no usé la forma z-index y también es extraño que los elementos se superpongan, parece un error.