Olá comunidade
Tenho tido um problema de alinhamento com o campo de busca nas últimas atualizações. Achei que seria resolvido com as próximas atualizações, mas já faz cerca de 2 semanas que o campo de busca está assim. Quaisquer sugestões de solução seriam apreciadas.
Olá ,
Tente redefinir esta configuração (ou seja, nenhum valor):
Há um problema de UX quando search_button_text é usado.
Obrigado pela sugestão, mas eu tenho usado dessa forma o tempo todo
Isso é estranho . Não é isso que vejo no seu HTML:
Olhando o código, a tradução é usada nesse <span>:
contents.push(
this.attach("link", {
href: this.fullSearchUrl({ expanded: true }),
contents: () => [
h(
"span",
I18n.t(themePrefix("search_banner.search_button_text"))
),
iconNode("search"),
],
className: "btn search-icon",
title: "search.open_advanced",
})
Acho que você definiu essa tradução em locale inglês, mas atualmente usa outro idioma.
Eu consigo ver:
Sim, o idioma é turco, mas eu o uso dessa forma há 2 anos e não tive problemas. Onde eu poderia ter errado?
Este é um efeito colateral desta PR:
main ← ui-changes
opened 04:03PM - 09 Nov 23 UTC
This PR fixes overlapping icons to the right of the input. I adjusted the search… icon to appear to the left, following most site standards.
**Before**
<img width="500" alt="image" src="https://github.com/discourse/discourse-search-banner/assets/30537603/32a71381-eec2-4c52-8c31-c3b5166fa3f2">
**After**
<img width="500" alt="image" src="https://github.com/discourse/discourse-search-banner/assets/30537603/888e81ad-7f39-4769-b7ec-c8cd910a371f">
Pelo que entendi, precisamos aguardar uma atualização sobre este problema?
1 curtida
Este é um problema que precisa ser abordado, sim.
Por enquanto, você pode torná-lo menos confuso removendo o texto que você definiu para search_button_text na localidade inglesa.
3 curtidas
Acabei de ver que o problema foi resolvido com a atualização, obrigado.
2 curtidas
Para referência, corrigido por Jordan aqui:
main ← search-button-fix
opened 05:02PM - 20 Nov 23 UTC
**Before**
<img width="500" alt="image" src="https://github.com/discourse/disco… urse-search-banner/assets/30537603/f4fb3d18-a836-4e6d-a10c-0127d0e2e218">
**After**
<img width="500" alt="image" src="https://github.com/discourse/discourse-search-banner/assets/30537603/cb67caaf-595d-4d6c-94d6-291b77220116">
4 curtidas