Barra de abas do Discourse para celular

Olá, fiz um PR para adicionar suporte a caracteres não ASCII na URL da aba, você gostaria de dar uma olhada e ver se pode ser mesclado ao branch principal?

7 curtidas

Claro, PR mesclado! Obrigado @th21!

6 curtidas

Não tenho certeza se é mesclável, então fiz um fork e adicionei configurações extras para exibir abas para usuários não logados

6 curtidas

Podemos adicionar um botão VOLTAR na barra de abas, talvez com um código JavaScript simples ou algo assim? A barra de abas no aplicativo Discourse Hub para iOS impede que você volte para a página principal de seleção do Discourse.

5 curtidas

@Osama alguma ideia para adicionar para frente/trás com eles? Obrigado.

3 curtidas

@miss @MarcP Dado que o componente permite que os administradores personalizem cada aba, não posso simplesmente codificar uma aba específica para navegação para trás/para frente, então precisamos de uma maneira de permitir que os administradores decidam qual aba eles querem que funcione como um botão para trás ou para frente usando as configurações do tema. Este é um novo recurso que precisa ser adicionado ao componente e ficaria feliz em aceitar um PR para isso. Se você estiver interessado em trabalhar nisso, por favor, me envie uma mensagem privada antes de começar.

5 curtidas

Olá, fiz outro PR para adicionar uma opção que permite que URLs não aparadas correspondam à configuração de destino da aba.

Por exemplo, /latest?order=created e /latest serão tratados como abas diferentes e receberão mudança de cor do ícone ao clicar quando a opção estiver ativada.

Gostaria de dar uma olhada e me dizer se é mesclável? Agradeço desde já. :grinning:

4 curtidas

Eu realmente gosto disso!

No entanto, ele está cobrindo a interface do usuário do Discourse Hub, isso pode ser corrigido?

2 curtidas

Olá, obrigado por este componente de tema. Atualmente, estou usando-o em meu site https://businesslab.vn. No entanto, recentemente tive uma ideia sobre a integração de “Alternar menu hambúrguer” e “Alternar menu suspenso do cabeçalho do usuário atual” dentro deste componente de tema, isso tornará o espaço de exibição no cabeçalho mais minimalista e os usuários com apenas uma mão poderão navegar até a barra de guias (seu componente de tema). Espero que você se interesse por esta proposta.
image
image

1 curtida

Olá, este componente é maravilhoso, parabéns por criá-lo! Este é o componente mais atual que existe? ou existe um componente mais moderno? Sou novo no fórum

Existe uma maneira de eu colocar um botão “mais” no último botão para que, quando a pessoa o pressione, outros botões com ícones ou com ícones e nomes apareçam para que ela possa escolher outras opções? Porque tenho opções mais importantes e precisava colocá-las, uma maneira assim seria perfeita, por exemplo

ou seja, quando a pessoa clica no ícone, outros ícones aparecem para ela clicar

@th21 @osama

1 curtida

Como faço para fixar a barra de abas? Às vezes, rolo para baixo e ela desaparece, quero deixá-la sempre visível!

Estou tentando fazer um dos botões ir para user-portfolio sem sucesso.

Isso é possível?

Editar: consegui…

my/activity/portfolio
1 curtida

A barra de abas está transbordando na caixa de chat. Os usuários não conseguem conversar com a barra de abas.
Você poderia corrigir isso, por favor?

Posso confirmar o problema: ele oculta o campo de entrada de texto.

1 curtida

Uma correção rápida seria adicionar uma margem abaixo do compositor de chat, não muito bonito, mas os usuários devem conseguir alternar a caixa de entrada.

Eu também redimensionei a barra de abas, então se alguém quiser usar o CSS, deve usar a altura original da barra de abas (mas eu esqueci qual é).

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

Isso parece funcionar, mas deixará um espaço em branco quando você rolar para baixo.

(vídeo gravado com um margin-bottom de 49px, que é a altura da barra de guias):

Sim, como eu disse, não vai ser bonito

1 curtida

Você deve verificar com z-index, em vez de margem
(Supondo que o usuário nunca use tab ao conversar)
Ao diminuir o z-index da barra de abas, ela ficará mais bonita

É por isso que não usei a abordagem z-index e também é estranho ter elementos sobrepostos, parece muito bugado.