o problema é com:
conditional-loading-section:not(.is-loading) {
transition: opacity 5s ease-in-out;
}
Você não pode usar o CSS personalizado para definir isso como none, pois ele está sendo substituído pelo padrão do tema conditional-loading-section.scss.
Existe a possibilidade de reposicionar o banner de pesquisa?
Por exemplo, para alterar o alinhamento de centro para a direita ou apenas ajustar a posição movendo-o ligeiramente para a direita?
Não usando as configurações do componente Tema, mas isso é algo que você pode facilmente alcançar usando seu próprio CSS personalizado.
Estamos usando-o para posicionar a imagem de fundo em vez de texto
mas não conseguimos reajustar a imagem com o banner de pesquisa
agradeceríamos muito se você pudesse fornecer o código CSS
Usar o elemento de inspeção pode ajudar. Ou até mesmo olhar o código-fonte CSS deste componente ou o Air Theme, pois a primeira parte do CSS, nas primeiras linhas comuns, visa o banner de pesquisa com modificações que o visam.
Não testado, pois não sou XP para o problema que você menciona.
.display-search-banner {
#main-outlet {
padding-top: 2em;
align: center !important;
}
Coloque este código em um componente de tema personalizado Theme component CSS comum.
Posso apreciar o desejo das pessoas de fornecerem como codificar. Como eu mesmo ainda estou aprendendo. No entanto, também precisamos trabalhar na nossa própria educação com o básico.
Você pode possivelmente testar o “align: center !important;” usando o elemento de inspeção do seu navegador.
isso parece ótimo, no entanto, ao usá-lo no layout RTL, parece que o preenchimento não é traduzido corretamente.
LTR:
RTL:
Obrigado por nos informar! Acabei de fazer uma atualização que deve corrigir isso.
Em 3.3.1 tests-passed mais recentes, apenas na categoria mobile os ícones nos resultados da pesquisa de autocompletar não são exibidos. Posso reproduzir o problema mesmo no modo de segurança com todos os plugins desativados.
Você pode tentar aqui em nossa página inicial: forum.cannabisanbauen.net
Aqui está uma correção rápida enquanto aguarda uma correção oficial:
.search-menu {
.search-link {
.badge-category {
display: inline-flex;
}
}
}
Parece relacionado a este CSS:
A categoria de distintivo não tem a exibição correta.
No entanto, já existe um inline-flex em .badge-category, então acho que é seguro remover o CSS no componente. 
Adicionei isso e defini meu texto, mas ele só aparece para usuários logados, não para usuários deslogados? Tenho as configurações definidas como Ambos:
Logado:
Deslogado:
Configurações:
O que acontece se você editar a tradução English_US também?
Eu acho que quando você está logado, o idioma que você escolheu em suas preferências (ou a localidade padrão do site) é usado. Quando você está deslogado, o texto é exibido no idioma preferencial do seu navegador. Portanto, todos os usuários que usam um idioma que você não personalizou verão o texto padrão. Então, talvez você queira personalizar ainda mais idiomas.
Ah, perfeito, obrigado, funcionou!
FYI a todos, estamos iminentemente mesclando uma versão simplificada disso no core FEATURE: Add welcome banner to core by martin-brennan · Pull Request #31516 · discourse/discourse · GitHub .
Este componente ainda é suportado, mas foi renomeado para Advanced Search Banner a partir deste PR DEV: Update theme name to Advanced Search Banner by martin-brennan · Pull Request #84 · discourse/discourse-search-banner · GitHub . Se este componente estiver instalado, o banner de boas-vindas do core não será exibido.
Oi pessoal. Eu adicionei este componente ao meu site. Ele mostra o texto do título, mas não está exibindo a barra de pesquisa real. Alguma ideia se mais alguém está tendo esse problema?
Você está usando uma tela estreita ou um dispositivo móvel? parece que atualmente há um problema com a barra de pesquisa que não aparece nesses casos
Estou vendo a minha página da comunidade no meu iPhone (em um navegador Chrome).
Hmmm. Alguém que você acha que podemos alertar sobre isso ou o indivíduo que o construiu já está ciente? (Sou novo no Discourse e estou aprendendo).
Sim, sou a pessoa! Acabei de fazer uma correção para isso — se você atualizar o componente do tema, a caixa de pesquisa deve aparecer agora.
Este componente não é exibido no Tema Mint. Mas eu tentei e ele pode ser exibido em outros temas.
Olá a todos! Esta semana estarei mesclando uma alteração que pode impactar estilos personalizados que você adicionou a este componente de tema.
Como este banner de pesquisa pode aparecer em várias páginas, um H1 para o título não é ideal, um H1 deve ajudar a distinguir o conteúdo de uma página de outra. Portanto, a alteração substitui o H1 por um DIV com a classe custom-search-banner-headline.
Portanto, se você aplicou estilos ao H1 em um tema, você vai querer mudar o H1 para .custom-search-banner-headline — em alguns temas, adicionei a classe além do H1 para tornar a transição perfeita, por exemplo:
Parece haver um bug com a versão mais recente.
Executando discourse 3.5.0.beta8-dev (679d51a985)
O que está acontecendo é que, quando um novo tópico é aberto (navegador Chrome no Windows 10), a linha superior deveria ter a barra de pesquisa, mas ela está faltando. Se eu desativar o componente de tema, a barra de pesquisa padrão do discourse aparece, mas se o componente estiver ativado, a barra de pesquisa superior está faltando E também o ícone de pesquisa no canto superior direito está faltando. Se eu rolar para baixo uma linha, o botão de pesquisa aparece no canto superior direito, mas a barra de pesquisa nunca aparece na linha superior de um tópico.
Configurado para Showon top_menu e Plugin outlet em above_main_container. Tenho certeza de que costumava aparecer na linha superior anteriormente, mesmo para tópicos.
O problema é que, até que o usuário role, não há como pesquisar, pois tanto o ícone de pesquisa quanto a barra de pesquisa estão faltando. Se eu desativar o tema, a barra de pesquisa e o ícone padrão aparecem normalmente, ou seja, quando a página carrega, a barra de pesquisa aparece e quando o usuário rola para baixo uma linha, a barra de pesquisa desaparece e, em vez disso, o ícone de pesquisa aparece.
