Concluído o distintivo de tópico

[Don]

	Resumo	Adiciona opções de estilo aos tópicos resolvidos e não resolvidos.
	Repositório	GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
	Guia de Instalação	Como instalar um tema ou componente de tema
	Novo em Temas do Discourse?	Guia para iniciantes no uso de Temas do Discourse

Instalar este componente de tema

Olá

Este componente de tema adiciona opções de estilo aos tópicos resolvidos e não resolvidos. Você pode definir um ícone e cor de fundo personalizados.

Por padrão, ele fica assim na página da lista de tópicos
Estilizado (antes do título)

Com fundo

---

Em linha

---

Estilizado (depois do título)

---

Título do tópico, Cabeçalho do tópico
Estilizado

---

Em linha

---

Existem várias configurações onde você pode alterar o ícone, texto e estilo separadamente para resolvido e não resolvido.

Configurações globais do indicador

tipo
– estilizado (badge)
– em linha (colocado em linha antes do título)

posição (estilizado)
– antes-do-título
– depois-do-título

raio-da-borda
– arredondamento do badge

---

Configurações do indicador de resolvido

indicador de resolvido
– Usa o caractere unicode , mas você pode usar outros (por exemplo, emoji). Ele é colocado antes do rótulo.
…
…
…
cor da borda do resolvido
O badge tem uma borda transparente de 1px e esta configuração permite definir uma cor para ela.

ativar fundo do tópico resolvido
Ativar esta configuração ativará o campo de fundo abaixo dela, onde você pode definir a cor de fundo do item da lista de tópicos.

---

Indicador de não resolvido

Mesmas configurações para o indicador de não resolvido abaixo destas…

Se você quiser ativar o indicador de não resolvido, ative a configuração caixa vazia em não resolvido do plugin Discourse Solved.

---

A fazer:

– Tentar mover para usar como status do tópico (aparecerá em todos os lugares onde o status do tópico aparece e permite o uso de ícone personalizado também)

[Heliosurge (Dan DeMontmorency)]

Tema-componente legal. A única questão menor é que a postagem da categoria sobre também foi marcada como não resolvida.

[Don]

Olá @Heliosurge

Obrigado
Tecnicamente, o tópico sobre também é um tópico solucionável. Se você habilitou a configuração caixa vazia em não resolvido no plugin Discourse Solved, então a caixa vazia aparece para a lista de tópicos tópico sobre e também no tópico sobre. Para ocultar o selo não resolvido para um tópico específico, você precisa fechá-lo.

[Heliosurge (Dan DeMontmorency)]

Ótimo, obrigado! Aprendi algo novo.

[barto_95]

Obrigado pelo componente….

mas com o componente
https://github.com/VaperinaDEV/discourse-solved-quote-

a mensagem resolvido não aparece em verde, o componente não funciona….

não é possível ter 2 componentes, um para o assunto e outro para a mensagem funcionarem

[Don]

Olá @barto_95

Esses dois componentes devem funcionar juntos corretamente, mas a URL correta do componente é: GitHub - VaperinaDEV/discourse-solved-quote-customization

[Don]

Olá Atualizei este componente de tema para funcionar com a lista de tópicos Glimmer. Obrigado pelo relatório: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

[Arkshine]

A lista de tópicos legados foi descartada este mês.
O código pode ser removido:

javascripts/discourse/initializers/solved-badge.js

---

Fiz um PR rápido:

DEV: Drop topic list legacy support

[Don]

Oops, desculpe, esqueci de atualizar este componente. Obrigado @Arkshine, eu mesclei.
@ozkn, por favor, atualize o componente.

[Monikas (JustMonika)]

Este componente é incompatível com discourse-umbrella-groupswitchdisplay e não pode ser usado em conjunto. Ocorreu um erro que pode impedir o funcionamento correto do seu site.

Motivo: Conflito entre temas/componentes ativos.

Clique aqui para atualizar, reconfigurar ou desativar o componente.

(Esta mensagem só é visível para administradores do site.)

[ozkn (Mathx)]

Obrigado pela atualização. Atualizei e tentei, mas recebo o mesmo erro. @Don

[Don]

Ah, sim, desculpe, entendi. Corrigido aqui: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Por favor, atualize novamente.

[ozkn (Mathx)]

Obrigado, está funcionando bem agora, sem problemas.

[Arkshine]

Oops, desculpe!

[xkhalid]

Olá pessoal,

Após atualizar para a versão mais recente:

3.5.0.beta8-dev (commit: 5eca6d826e)

Encontrei uma regressão visual relacionada aos plugins Discourse Solved e Solved Topic Badge.

Problema:

Anteriormente, os tópicos resolvidos teriam um fundo verde, e os tópicos não resolvidos (aguardando solução) apareceriam com um fundo vermelho na lista de tópicos.

Agora, todos os tópicos resolvidos não exibem mais o fundo verde, mesmo que a configuração esteja ativada.

Detalhes:

• Plugin: Discourse Solved + Solved Topic Badge
• Configuração enable solved topic background está ativada
• Isso funcionou como esperado antes da atualização

Captura de tela (após a atualização):

Esperado:

Os tópicos resolvidos devem manter o fundo verde para uma melhor clareza visual.

Por favor, me avisem se isso é uma regressão ou se alguma nova alteração de CSS é necessária para restaurar esse comportamento.

[Moin]

Eu acho que isso acontece em tópicos que você leu por causa das mudanças em
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
que adicionou uma cor de fundo separada para tópicos visitados.

Você provavelmente poderia corrigir isso com seu próprio CSS até que o componente de tema seja adaptado, mas não posso verificar como no momento.

Problemas com componentes que não são #oficiais geralmente devem ser relatados no tópico.

[xkhalid]

@Moin

Você provavelmente conseguiria consertar isso com seu próprio CSS até que o componente do tema seja adaptado, mas não consigo verificar como no momento.

Obrigado, Moin!

Consegui consertar usando CSS personalizado:

.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
  background-color: var(--success-low) !important;
}

---

CC: @sam @j.jaffeux

[jordan.vidrine]

@Don devido às recentes adições de variáveis ao núcleo, você pode precisar ajustar um pouco seu componente para que as cores de fundo funcionem, mesmo quando um tópico foi visitado.

[Don]

Olá Obrigado pelo relatório! Aqui está a atualização: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

[digitaldominica]

Olá @Don Notei que o fundo colorido para usuários deslogados não está sendo exibido. E a cor de fundo para aside.quote.accepted-answer

não recebe a cor do selo resolvido, há alguma maneira de ajustá-lo?