Badge dell'argomento risolto

[Don]

	Riepilogo	Aggiunge opzioni di stile agli argomenti risolti e non risolti.
	Repository	GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics.
	Guida all’installazione	Come installare un tema o un componente del tema
	Nuovo ai temi di Discourse?	Guida per principianti all’uso dei temi di Discourse

Installa questo componente del tema

Ciao

Questo componente del tema aggiunge opzioni di stile agli argomenti risolti e non risolti. Puoi impostare un badge personalizzato e un colore di sfondo.

Per impostazione predefinita, appare così nella pagina dell’elenco degli argomenti
Stilizzato (prima del titolo)

Con sfondo

---

Inline

---

Stilizzato (dopo il titolo)

---

Titolo dell’argomento, Intestazione dell’argomento
Stilizzato

---

Inline

---

Ci sono molte impostazioni in cui puoi modificare separatamente l’icona, il testo e lo stile per risolti e non risolti.

Impostazioni indicatore globale

tipo
– stilizzato (badge)
– inline (posizionato inline prima del titolo)

posizionamento (stilizzato)
– prima del titolo
– dopo il titolo

raggio del bordo
– arrotondamento del badge

---

Impostazioni indicatore risolto

indicatore risolto
– Utilizza il simbolo unicode ma puoi usarne anche altri (ad es. emoji). Si posiziona prima dell’etichetta.
…
…
…
colore del bordo risolto
Il badge ha un bordo trasparente da 1px e questa impostazione ti permette di impostarne il colore.

abilita sfondo argomento risolto
Abilitando questa impostazione si attiverà il campo sottostante dove puoi impostare il colore di sfondo dell’elemento dell’elenco degli argomenti.

---

Impostazioni indicatore non risolto

Stesse impostazioni per l’indicatore non risolto qui sotto…

Se vuoi abilitare l’indicatore non risolto, attiva l’impostazione casella vuota su non risolto del plugin Discourse Solved.

---

Da fare:

– Prova a spostarlo per usarlo come stato dell’argomento (apparirà ovunque appaia lo stato dell’argomento e permette anche di usare un’icona personalizzata)

[Heliosurge (Dan DeMontmorency)]

Tema-componente interessante. L’unico piccolo problema è che anche il post della categoria “about” è contrassegnato come irrisolto.

[Don]

Ciao @Heliosurge

Grazie
Tecnicamente l’argomento su è anche un argomento risolvibile. Se hai abilitato l’impostazione casella vuota su irrisolto sul plugin Discourse Solved, allora la casella vuota appare per l’elenco degli argomenti su e anche nell’argomento su. Per nascondere il badge irrisolto per un argomento specifico devi chiuderlo.

[Heliosurge (Dan DeMontmorency)]

Fantastico, grazie! Ho imparato qualcosa di nuovo.

[barto_95]

Grazie per il componente….

ma con il componente
https://github.com/VaperinaDEV/discourse-solved-quote-

il messaggio risolto non viene visualizzato in verde, il componente non funziona….

non è possibile avere 2 componenti, uno per l’oggetto e uno per il messaggio, che funzionino

[Don]

Ciao @barto_95

Questi due componenti dovrebbero funzionare correttamente insieme, ma l’URL corretto del componente è: GitHub - VaperinaDEV/discourse-solved-quote-customization

[Don]

Ciao Ho aggiornato questo componente del tema per funzionare con l’elenco di argomenti Glimmer. Grazie per la segnalazione: Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub

[Arkshine]

L’elenco degli argomenti legacy è stato eliminato questo mese.
Il codice può essere rimosso:

javascripts/discourse/initializers/solved-badge.js

---

Ho creato una rapida PR:

DEV: Drop topic list legacy support

[Don]

Oops, mi dispiace, ho dimenticato di aggiornare questo componente. Grazie @Arkshine, l’ho unito.
@ozkn, per favore aggiorna il componente.

[Monikas (JustMonika)]

Questo componente è incompatibile con discourse-umbrella-groupswitchdisplay e non può essere utilizzato insieme. Si è verificato un errore che potrebbe impedire il corretto funzionamento del tuo sito.

Motivo: Conflitto tra temi/componenti attivi.

Fai clic qui per aggiornare, riconfigurare o disabilitare il componente.

(Questo messaggio è visibile solo agli amministratori del sito.)

[ozkn (Mathx)]

Grazie per l’aggiornamento. Ho aggiornato e provato ma ricevo lo stesso errore. @Don

[Don]

Oh, sì, scusa, capisco. Corretto qui: FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub Aggiorna di nuovo.

[ozkn (Mathx)]

Grazie, ora funziona bene senza problemi.

[Arkshine]

Oops, mi dispiace!

[xkhalid]

Ciao ragazzi,

Dopo l’aggiornamento all’ultima versione:

3.5.0.beta8-dev (commit: 5eca6d826e)

Ho riscontrato una regressione visiva relativa ai plugin Discourse Solved e Solved Topic Badge.

Problema:

In precedenza, gli argomenti risolti avevano uno sfondo verde, mentre gli argomenti non risolti (in attesa di soluzione) apparivano con uno sfondo rosso nell’elenco degli argomenti.

Ora, tutti gli argomenti risolti non visualizzano più lo sfondo verde, anche se l’impostazione è abilitata.

Dettagli:

• Plugin: Discourse Solved + Solved Topic Badge
• L’impostazione enable solved topic background è abilitata
• Questo funzionava come previsto prima dell’aggiornamento

Screenshot (dopo l’aggiornamento):

Previsto:

Gli argomenti risolti dovrebbero mantenere lo sfondo verde per una migliore chiarezza visiva.

Fatemi sapere se si tratta di una regressione o se sono necessarie nuove modifiche CSS per ripristinare questo comportamento.

[Moin]

Penso che questo accada per gli argomenti che hai letto a causa delle modifiche in
UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub,
che ha aggiunto un colore di sfondo separato per gli argomenti visitati.

Probabilmente potresti risolvere il problema con il tuo CSS fino a quando il componente del tema non sarà adattato, ma al momento non posso verificarlo.

I problemi con i componenti che non sono #ufficiali dovrebbero generalmente essere segnalati nell’argomento.

[xkhalid]

@Moin

Probabilmente potresti risolvere il problema con il tuo CSS fino a quando il componente del tema non verrà adattato, ma al momento non posso verificare come.

Grazie Moin!

Sono riuscito a risolvere il problema usando CSS personalizzato:

.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 a causa delle recenti aggiunte di variabili al core, potrebbe essere necessario modificare leggermente il tuo componente affinché i colori di sfondo funzionino, anche quando un argomento è stato visitato.

[Don]

Ciao Grazie per la segnalazione! Ecco l’aggiornamento: UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub

[digitaldominica]

Ciao @Don Ho notato che lo sfondo colorato per gli utenti disconnessi non viene visualizzato.
E il colore di sfondo per aside.quote.accepted-answer`blockquote non assume il colore del badge risolto, c’è un modo per regolarlo?