Obrigado, Don. Esta é a resposta que eu estava procurando. ![]()
No entanto, preciso verificar em detalhes como habilitar essa configuração.
Obrigado, Don. Esta é a resposta que eu estava procurando. ![]()
No entanto, preciso verificar em detalhes como habilitar essa configuração.
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. ![]()
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
Olá ![]()
Obrigado pelo relatório, mesclei uma correção para isso no FKB Pro - Social theme ![]()
Olá ![]()
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.
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?
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.
Ok, obrigado pelos detalhes adicionais. Estou no Android.
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.
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.
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.