F NAV - Abas de Navegação Móvel

Obrigado, Don. Esta é a resposta que eu estava procurando. :+1:

No entanto, preciso verificar em detalhes como habilitar essa configuração.

2 curtidas

Você pode encontrar a opção “reduzir movimento” nas configurações de acessibilidade do seu telefone. Provavelmente está ativada agora, então se você desativá-la, o clique no menu externo funcionará. Mas provavelmente isso está habilitado por um bom motivo e é mais fácil fechar o menu com um deslize. :slightly_smiling_face:

3 curtidas

Eu adoro, Don

Mas parece que há um problema com o tema fkb pro se você quiser ocultar o menu hambúrguer, como aqui e aqui:

Ainda há o espaço do ícone do hambúrguer

2 curtidas

Olá :wave:
Obrigado pelo relatório, mesclei uma correção para isso no FKB Pro - Social theme :slightly_smiling_face:

3 curtidas

Relatório de bug: Na versão 3.4.0beta, o ícone de chat não é ocultado após a troca para o chat:

Olá :waving_hand:

Isso é por design. Ocultamos o f nav nas páginas /chat e usamos o cabeçalho de chat padrão.

Como aqui no Meta:

Ok, entendi. Então a única maneira seria ocultá-lo manualmente via CSS?

Você pode ocultá-lo completamente com CSS.

Mobile/CSS

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon {
      display: none;
    }
  }
}

Observação: Quando você está em um canal, este é o único lugar onde você pode ver as notificações de chat.

1 curtida

Seria possível remover o ícone de chat, mas mantendo o indicador de nova mensagem em forma de bolha?

Editar: Consegui resolver adicionando um svg

.d-header-icons {
  .header-dropdown-toggle {
    &.chat-header-icon a svg {
      display: none;
    }
  }
}

Olá @don, posso adicionar texto como página inicial, menu, etc. sob os ícones?

Tenho um problema com as mensagens - elas não carregam.

1 curtida

Você pode compartilhar alguns detalhes de configuração? Estou em Testes-passados e as mensagens estão funcionando corretamente

No iPhone no Safari não funciona, no navegador Chrome funciona.

1 curtida

Ok, obrigado pelos detalhes adicionais. Estou no Android.

1 curtida


Ao usar o tema Horizon, um componente na lista de tópicos está deixando a área superior (área de logo/elementos) em branco ao rolar.

Infelizmente não consigo reproduzir.

Parece que não é muito compatível com as alterações no cabeçalho. Vou verificar o que acontece no Horizon.

3 curtidas

Ah, ok, acho que entendi o que está acontecendo aqui. O list-controls fica fixo no Horizon quando você rola para baixo e o F NAV oculta o cabeçalho por padrão ao mesmo tempo. Isso causa essa lacuna que você compartilhou na sua captura de tela.


Este pequeno trecho de CSS deve funcionar com o tema Horizon.

Ele o fixará no topo da página quando você rolar para baixo, em vez da altura do cabeçalho.

Mobile / CSS

body.f-nav-hidden {
  .list-controls {
    top: 0;
  }
}

Para o futuro, talvez seja uma boa ideia adicionar uma configuração para lidar com a aparência do cabeçalho.

4 curtidas

Não funciona no Discourse mais recente.

Você pode esclarecer?

Ok, entendido. Obrigado pelo relatório. O mixin scrollTop foi removido do núcleo, e isso causou o problema. Mas nós não o usamos de fato, então provavelmente ele foi deixado lá por acidente. Corrigi aqui: FIX: ScrollTop mixin removed from core · VaperinaDEV/f-nav-for-mobile@6ec554c · GitHub

Por favor, atualize o componente.

3 curtidas