Controles de navegación flotantes y barra de navegación de escritorio para móvil

|||
|-|-|-|
| :information_source: | Resumen | Controles de navegación flotantes y barra de navegación de escritorio para móviles
| : eyeglasses:|Vista previa| Controles de navegación flotantes y barra de navegación de escritorio para móviles |
| : hammer_and_wrench:|Repositorio| GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar |
| : question:|Guía de instalación|Cómo instalar un tema o componente de tema|
| : open_book:|¿Nuevo en los temas de Discourse?| Guía para principiantes sobre el uso de temas de Discourse

Hola :wave: Este es un componente de tema simple para hacer que los controles de navegación (crear tema, notificaciones y otros botones) floten en el móvil. También puedes cambiar la barra de navegación a la versión de escritorio. Este componente originalmente no contenía esto, pero creo que sería una buena opción debido al espacio vacío.

Inspirado por el tema Focused Sidebar :heart:

Habilita la barra de navegación de escritorio.

19 Me gusta

Sería bueno si los controles de navegación flotantes pudieran cambiarse a algo como esto.

3 Me gusta

Hola @Decorbuz,

Sí, creo que es una gran idea añadir un estilo personalizado a los botones de control de navegación. :slightly_smiling_face:

Lo he fusionado :tada:

He añadido una configuración custom nav control buttons enabled donde puedes cambiar los estilos de estos botones.

Screenshot 2022-08-21 at 13.03.26

Si habilitas esto, las otras opciones de abajo se activarán.

Puedes cambiar el color de fondo de los botones, el color del icono y el redondeo (border-radius).

Hay dos secciones disponibles:
La configuración predeterminada son botones circulares, pero puedes cambiar el redondeo…

  1. Botones de control de navegación, excepto el botón de crear tema.

  2. Botón de crear tema



Editar: También añadí el botón de abrir borrador. Dado que la etiqueta está oculta en la versión personalizada, parece una buena idea cambiar el color del botón si hay un borrador disponible.

8 Me gusta

He hecho más cambios para que sea más personalizable. :slightly_smiling_face:

  1. Alineación vertical de los botones de control de navegación. Ahora puedes alinear los botones verticalmente habilitando la siguiente configuración.
    Screenshot 2022-08-22 at 1.33.32


  2. Ahora puedes establecer las posiciones derecha e inferior de los botones también con la siguiente configuración.

  3. He añadido algunas configuraciones a la personalización de la barra de navegación también. Ahora puedes personalizar casi todo en la versión de escritorio de la barra de navegación con la siguiente configuración.


6 Me gusta

@Don Muy buen componente de tema.

Un problema: los botones flotantes en la parte inferior entran en conflicto con la barra de temas actualizada (cuando está fija en la parte inferior) en este componente:
Sticky New Topic Banner - theme-component - Discourse Meta

1 me gusta

¿Hay alguna forma de deshabilitar eso?

Además, sería bueno si tuvieras la opción de habilitar solo el botón “Nuevo tema”. ¿Quizás una opción para cambiar la funcionalidad del botón “Nuevo tema” para que actúe como este? :thinking:

2 Me gusta

Sí, esto es solo un cambio de color. Así que si cambias los colores del botón de borrador a los mismos que los del botón de crear tema, entonces se deshabilitará.

¡De acuerdo, eso es bueno saberlo! ¡Gracias! :+1:

Hola, gracias por este componente.

FKB Pro - Social theme - theme - Discourse Meta

¿Cómo puedo usar este componente con tu tema anterior? El perfil y el botón de nuevo tema se mueven juntos.

3 Me gusta

@Don ¿cómo puedo añadir botones de control de navegación? Actualmente solo tengo el botón “Nuevo tema” y el botón de selección masiva del administrador. Me gustaría añadir un botón que muestre una lista de opciones seleccionables, como la que usas en tu instancia, pero solo con dos opciones, por ejemplo.

2 Me gusta

Hola, sí, eso se hizo desde Convert the New Topic button to a have a sub menu - #7 by awesomerobot. Si entiendo correctamente lo que quieres decir :slightly_smiling_face:

3 Me gusta

Hola, sí, disculpa la tardanza en responder. Esto no es muy compatible con ese tema. Porque el tema añade secciones personalizadas a los controles de navegación. Tengo que encontrar otra manera de hacer esto. :slightly_smiling_face:

3 Me gusta

¿Es posible crear un botón de retroceso junto al botón de crear tema? Hay muchas personas que encuentran más cómodo un botón en la parte inferior para volver atrás.

Este componente parece estar roto.

Error navigation-bar fue creado con gjs y su plantilla no puede ser anulada. Ignorando anulación.

Ver \u003chttps://meta.discourse.org/t/not-recomended-overriding-discourse-templates-from-a-theme-or-plugin/247487\u003e

2 Me gusta

Hola @Don, ¿hay alguna posibilidad de que se actualice este componente de tema? No hay un componente de tema que haga solo eso, y realmente me encantaría usar la barra de navegación de escritorio en dispositivos móviles. Muchas gracias.

@Don Hola, ¿hay alguna posibilidad de una actualización sobre esto?

Desafortunadamente no, no creo. :confused: