Controles de Navegação Flutuantes e Barra de Navegação Desktop para Mobile

|||
|-|-|-|
| :information_source: | Resumo | Controles de Navegação Flutuantes e Barra de Navegação de Desktop para Mobile
| :eyeglasses:|Prévia| Controles de Navegação Flutuantes e Barra de Navegação de Desktop para Mobile |
| : hammer_and_wrench:|Repositório| GitHub - VaperinaDEV/discourse-floating-nav-controls-and-desktop-nav-bar |
| :question:|Guia de Instalação|Como instalar um tema ou componente de tema|
| :open_book:|Novo em Temas do Discourse?| Guia para iniciantes no uso de Temas do Discourse

Olá :wave: Este é um componente de tema simples para tornar os controles de navegação (criar tópico, notificações e outros botões) flutuantes no celular. Você também pode alterar a barra de navegação para a versão de desktop. Este componente originalmente não continha isso, mas acho que seria uma boa opção por causa do espaço vazio.

Inspirado pelo Tema de Sidebar Focada :heart:

Habilite a barra de navegação de desktop.

19 curtidas

Seria bom se os controles de navegação flutuantes pudessem ser alterados para algo assim.

3 curtidas

Olá @Decorbuz,

Sim, acho que é uma ótima ideia adicionar botões de controle de navegação personalizados. :slightly_smiling_face:

Eu mesclei isso :tada:

Adicionei uma configuração custom nav control buttons enabled onde você pode alterar os estilos desses botões.

Screenshot 2022-08-21 at 13.03.26

Se você habilitar isso, as outras opções abaixo serão ativadas.

Você pode alterar a cor de fundo dos botões, a cor do ícone e o arredondamento (border-radius).

Existem duas seções disponíveis:
A configuração padrão são botões circulares, mas você pode alterar o arredondamento…

  1. Botões de controle de navegação, exceto o botão de criar tópico.

  2. Botão de criar tópico



Editar: Também adicionei o botão de abrir rascunho. Como o rótulo está oculto na versão personalizada, parece uma boa ideia alterar a cor do botão se houver um rascunho disponível.

8 curtidas

Fiz mais alterações para torná-lo mais personalizável. :slightly_smiling_face:

  1. Alinhamento vertical dos botões de controle de navegação. Agora você pode alinhar os botões verticalmente ativando a seguinte configuração.
    Screenshot 2022-08-22 at 1.33.32


  2. Agora você pode definir as posições direita e inferior dos botões também com as seguintes configurações.

  3. Adicionei algumas configurações à personalização da barra de navegação também. Agora você pode personalizar praticamente tudo na versão desktop da barra de navegação com as seguintes configurações.


6 curtidas

@Don Componente de tema muito bom.

Um problema: os botões flutuantes na parte inferior entram em conflito com a barra de tópicos atualizada (quando fixada na parte inferior) neste componente:
Sticky New Topic Banner - theme-component - Discourse Meta

1 curtida

Existe uma maneira de desativar isso?

Além disso, seria bom se você pudesse ter a opção de habilitar apenas o botão "Novo Tópico". Talvez uma opção para mudar a funcionalidade do botão "Novo Tópico" para agir como este em vez disso? :thinking:

2 curtidas

Sim, esta é apenas uma mudança de cor. Portanto, se você mudar as cores do botão de rascunho para as mesmas do botão de criar tópico, ele será desativado.

Ok, é bom saber! Obrigado! :+1:

Olá, obrigado por este componente.

FKB Pro - Social theme - theme - Discourse Meta

Como posso usar este componente com o seu tema acima. O botão de perfil e novo tópico se movem juntos.

3 curtidas

@Don como posso adicionar botões de controle de navegação? Atualmente, tenho apenas o botão Novo Tópico e o botão de seleção em massa do administrador. Gostaria de adicionar um botão que abra uma lista de opções selecionáveis, como a que você usa na sua instância, mas apenas com duas opções, por exemplo.

2 curtidas

Olá, sim, isso foi feito a partir de Convert the New Topic button to a have a sub menu - #7 by awesomerobot. Se eu entendi corretamente o que você quer dizer :slightly_smiling_face:

3 curtidas

Olá, ah sim, desculpe pela resposta tardia. Isso não é muito compatível com esse tema. Porque o tema adiciona seções personalizadas aos controles de navegação. Tenho que encontrar outra maneira de fazer isso. :slightly_smiling_face:

3 curtidas

É possível criar um botão de voltar ao lado do botão de criar tópico? Muitas pessoas acham mais confortável um botão na parte inferior para voltar.

Este componente parece estar quebrado.

Erro navigation-bar foi criado usando gjs e seu template não pode ser substituído. Ignorando substituição.

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

2 curtidas

Olá @Don, há alguma chance de este componente de tema ser atualizado? Não há um componente de tema que faça apenas isso, e eu adoraria usar a barra de navegação do desktop em dispositivos móveis. Muito obrigado.

@Don Olá, há alguma chance de uma atualização para isso?

Infelizmente não, acho que não. :confused: