Banner de Pesquisa Avançada

Não tenho certeza do que está causando isso, mas parece que provavelmente está relacionado a Themeable site settings are now available

Qual tema você está usando? Como essas configurações para o tema são configuradas?

Acho que se você tiver campo de busca no cabeçalho do site definido e este componente instalado, você acabará no estado que descreve, onde a busca está apenas no banner e não aparece no cabeçalho… isso parece preciso?

Usando o tema padrão e estas são as configurações.

1 curtida

Alguma ideia da causa raiz e se precisa de uma correção de componente ou de discurso?

Atualizei um dos meus sites e este componente de tema ficou… esmagado.

Infelizmente, não tenho uma captura de tela de como era a página inicial antes da atualização, mas postarei uma captura de tela de como está agora. Basicamente, foi esmagado para que não ficasse tão alto quanto costumava ser.

E aqui está o banner original, a barra de pesquisa costumava ficar na área aberta que agora está faltando.

1 curtida

Parece que não é um problema com o banner de pesquisa em si.

Certifiquei-me de desmarcar a caixa para atualizar o componente do tema com as atualizações do Discourse, então atualizei meu outro site de produção, e esse também encolheu o banner.

Como faço para que o tamanho original do banner volte? Esses menores são feios.

Encontrei uma captura de tela do pré-atualização no meu segundo site.

Como costumava parecer:

E agora:

O aviso de administrador é para um trecho de código não relacionado e não existe no meu outro site.

Também aqui, por algum motivo meu banner quebrou

tente esta correção temporária => desktop => common

.search-banner {
    background-image: url(https://segredin.com/uploads/default/original/1X/3f044a906d2c358806610fc756e09991d25323ed.webp);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 15px;
    margin-bottom: 10px !important;
    height: 17em;
    padding-top: 50px
}

@edit

Obrigado, isso corrige o tamanho do banner, mas o conteúdo está no topo em vez de centralizado.

1 curtida

Corrigido com padding-top: 50px

1 curtida

Claro, isso ainda está 100% quebrado no celular.

1 curtida

Qual o seu site? No celular, esse banner de pesquisa simplesmente desaparece, talvez alguma classe tenha mudado, não sei.

Parece que o nome de uma variável foi alterado e isso quebrou o preenchimento, acabei de adicionar uma correção FIX: restore padding broken due to missing variable by awesomerobot · Pull Request #100 · discourse/discourse-search-banner · GitHub

Portanto, você poderá restaurar o espaçamento anterior atualizando o componente.

Sim, agora existe uma versão mais simples do banner incluída no Discourse por padrão, e há algum CSS para ocultá-lo no celular… ele pode ser restaurado com algum CSS personalizado

@use "lib/viewport";

@include viewport.until(sm) {
  .welcome-banner {
    display: block;
  }
}
5 curtidas

Perfeito, muito obrigado por restaurar este componente!

Este componente rastreia dados de uso? Gostaríamos de ver o quão eficaz ele realmente é para nossa comunidade.

@bartv Não, eu não acredito que faça.

Não parece ter corrigido o problema. A barra de pesquisa na seção do cabeçalho do site superior simplesmente não aparece. Acabei de atualizar para a versão mais recente 3.6.0 Beta1-Dev e o problema ainda existe. A única maneira de recuperar a barra de pesquisa no cabeçalho do site superior é desativar este componente e ativar o componente Discourse Header Search.

Alguma ideia do porquê isso parou de funcionar? Este foi um dos componentes mais legais que usei, sinto muita falta dos seus recursos.

Acho que isso responde à minha pergunta. Após a última atualização do banner de boas-vindas, eu o ativei e ele parece substituir a funcionalidade deste componente, bem como a Pesquisa de Cabeçalho do Discourse.

O banner de boas-vindas ainda carece de algumas personalizações interessantes que este componente possui, como a capacidade de adicionar um texto de subtítulo (extremamente útil, pois pode incentivar os usuários a usar a barra de pesquisa em vez de apenas ficar lá como uma caixa vazia). Espero que isso chegue ao banner de boas-vindas.

Por outro lado, existe alguma maneira de usar o recurso de personalização CSS no Discourse para editar o texto do subtítulo no banner de pesquisa?

Você está se referindo a este componente do Advanced Search Banner? Se sim, acredito que esta configuração faz isso:

Não, estou me referindo ao texto dentro da caixa de pesquisa que diz Pesquisar

1 curtida

Você pode alterar a variável de texto js.search.title em /admin/customize/site_texts.

Mas, como você mencionou em Creating a banner to display at the top of your site - #23 by RBoy, a variável mais específica deveria ser js.welcome_banner.search - mas ela não parece funcionar no momento.

2 curtidas