Versatile Banner

[pfaffman (Jay Pfaffman)]

Você não pode. Você precisaria torná-los um administrador.

[danielabc (Daniela)]

Você conhece algum outro componente onde os moderadores podem alterar a foto do banner?

[pfaffman (Jay Pfaffman)]

Não. Moderadores não podem alterar temas.

Seria possível criar um tema que, digamos, tornasse o banner uma foto em um tópico com uma determinada tag ou categoria (ou o tópico mais recente com essa tag ou categoria). Você poderia então limitar o acesso a essa tag ou categoria a membros de um determinado grupo. Eu escrevi um plugin uma vez que pegava seus dados da resposta mais recente a um tópico.

Portanto, sem olhar o código, acho que você poderia fazer um fork do tema e fazer algo assim.

[awesomerobot (Kris)]

Hoje mesclamos um refatoramento deste componente que o move de nosso sistema de widgets personalizado para um componente Ember moderno.

REFACTOR: update to use glimmer components instead of widgets

Isso é necessário, pois planejamos remover nosso sistema de widgets no próximo ano. Toda a funcionalidade do banner deve permanecer a mesma, mas nos avise se você encontrar algum novo problema!

Uma coisa a notar que mudou é que, como não é mais composto de widgets, você não poderá fazer algo como isso para substituir sua funcionalidade:

@tshenry

Você pode ser capaz de fazer algo como:

<script type="text/discourse-plugin" version="0.10.0">
  // Adiciona o link ao cabeçalho
  api.reopenWidget("banner-box-widget", {
    html(attrs) {

Esse tipo de personalização sempre foi um pouco frágil (se o tema mudar, pode quebrar a substituição e, por sua vez, todo o componente), então este é um padrão do qual estamos nos afastando ao desenvolver extensões para o Discourse.

[markersocial]

@awesomerobot

Toda a funcionalidade do banner deve permanecer a mesma, mas nos avise se encontrar algum problema novo!

Obrigado pela atualização! Só para avisar - no stable, parece haver um novo problema quando as colunas estão vazias/ocultas. Antes, definir os campos ‘conteúdo da primeira/segunda/terceira/quarta coluna’ como vazios ocultava essas colunas, se bem me lembro. Mas após a atualização, as colunas ocuparão espaço vazio se ficarem em branco, é mais notavelmente perceptível no celular.

[awesomerobot (Kris)]

Bom ponto! Eu oculto os contêineres se não houver conteúdo em uma nova atualização aqui:

UX: hide column containers if empty

[flash]

Olá, tenho um problema com o banner no Firefox mobile. Estou usando 3 colunas e as duas primeiras mostram todo o conteúdo e a terceira está cortada. No Samsung S23 Ultra, consigo ver no Brave normalmente. No Firefox, tanto logado quanto deslogado, ele está faltando.

Verifiquei o iPhone 14 Pro e o Safari está funcionando bem.

[Kieran_Berryman]

Olá,

Acho que não vi meu problema em nenhum outro lugar neste tópico, mas peço desculpas se uma solução já foi fornecida. Quero implementar este banner na minha comunidade e, após uma extensa personalização, percebi que este componente parece estar estendendo o lado direito do contêiner principal além do normal. Fornecerei algumas capturas de tela abaixo do que quero dizer (tudo no banner está atualmente com as configurações padrão).

Isso é com o banner ativado:

O lado perto do novo tópico está estendido além da minha foto de perfil.

---

No entanto, com o componente de tema desativado, tudo parece normal.

Como você pode ver, o lado direito está alinhado com minha foto de perfil.

---

Estou usando outros componentes de tema, então é possível que eles possam estar interferindo. Fornecerei uma lista de componentes abaixo:

• Dark-Light Toggle
• DiscoTOC
• Discourse Clickable Topic
• Discourse Gifs
• Discourse Header Search
• Hamburger Theme Selector
• Custom Header Links
• Header Submenus
• Versatile Banner

Alguma ideia do que está acontecendo?

Obrigado

[barto_95]

Quando altero o texto no nome do cookie, o banner não é exibido no aplicativo Discourse…

talvez um bug?

[Kieran_Berryman]

Parece que este componente de tema tem a funcionalidade de ser exibido apenas em certas páginas, e eu quero fazer algo semelhante. Como essa funcionalidade foi alcançada?

[awesomerobot (Kris)]

O componente verifica a configuração em relação ao currentURL aqui:

https://github.com/discourse/discourse-versatile-banner/blob/main/javascripts/discourse/components/versatile-banner.js#L66-L85

[stuwest]

O banner só aparece em certos navegadores? Estamos realizando uma arrecadação de fundos e gostaria que todos estivessem cientes disso, mas várias pessoas comentaram que não viram nada. Tentei desmarcar as configurações de dismissible e collapsible, mas sem efeito.

No momento, não vejo o banner se acesso o fórum através do (meu exemplar, admitidamente antigo) Safari no Mac ou (meu completamente atualizado) aplicativo DiscourseHub no iPhone. Eu o vejo no Safari no meu iPhone e no Firefox no meu Mac.

Alguma sugestão? Obviamente, tenho controle limitado sobre quais navegadores meus usuários utilizam, mas gostaria que todos vissem anúncios importantes.

[Javier_Carpinteyro_Ponce]

Olá,

Sou relativamente novo no Discourse e nos Banners Versáteis, mas gostaria de saber se é possível modificar o tamanho do ícone para os ícones que coloco nas colunas do banner?

Qualquer orientação seria muito apreciada.

Javier

[Kleinanzeigen-Enhanced (Richard)]

Mesmo problema, mesmo com menos componentes. A página inteira é rolável, mas para a direita. Obrigado antecipadamente por uma correção
Atualização:
Estou usando o tema Air. E o problema ainda existe, mesmo quando desativo todos os outros componentes.

Resolvido: Criei meu próprio Banner com um componente personalizado.

[stephen34]

Onde posso encontrar a configuração (plano hospedado) para alterar a cor da fonte do alternador de expansão/recolhimento do Versatile Banner?

O padrão é cinza, mas é difícil de ver contra a imagem de fundo escolhida para o nosso site. Se for determinado pela paleta de cores do tema subjacente do site, qual componente preciso editar (por exemplo, Primário 500, etc.).

[nathank (Nathan Kershaw)]

Não há configuração para isso, mas você pode usar CSS em seu próprio tema. Aqui está o que você precisa segmentar

.banner-box .button-container .close .d-button-label, .banner-box .button-container .toggle .d-button-label {
    font-size: 1em;
    color: #646464;
}

[philh]

Banner Versátil e Brand Header - #266 by pacharanero podem não estar funcionando bem juntos.

Definir o Cabeçalho da Marca para exibir acima do cabeçalho do site e, em seguida, ativar o Banner Versátil, o Cabeçalho da Marca se move para baixo do cabeçalho. Desativar os outros componentes e trabalhar apenas com esses dois confirmou que o conflito está entre eles.

Após ativar o Banner Versátil

[philh]

Isso foi corrigido por @Juan_David_Martínez em

Plugin Conflict Between Brand Header and Versatile Banner

Hi @philh, I have merged the fix for this, thanks for reporting. Let me know if you find issues.

Atualize seu componente.