Problema con il colore del font nei badge delle categorie

[RFL]

Ciao a tutti,

Spero che qualcuno possa avere una soluzione per questo problema, che ha iniziato a verificarsi solo dalla scorsa notte dopo l’aggiornamento di Discourse alla versione 2026.4.0-latest (e4ab7a2cc9).

Utilizziamo il testo bianco per tutti i badge delle categorie e vengono visualizzati correttamente quando si è in cima a un argomento.

Tuttavia, una volta iniziata la scorrimento verso il basso dell’argomento, il colore del testo nella categoria cambia automaticamente.

Ho esaminato le impostazioni del tema, ma non riesco a individuare nulla che possa causare questo comportamento.

[chapoi]

Ciao @RFL

La prima cosa da fare è sempre testare in modalità sicura.

Il secondo consiglio è specificare quale tema stai utilizzando. Credo che il problema sia legato a quel tema, dato che lo screenshot non mostra l’aspetto predefinito del tag.

Il terzo consiglio è verificare tramite l’ispettore cosa sta succedendo e pubblicare qui uno screenshot.

[RFL]

Ciao chapoi,

Grazie per la risposta rapida e utile.

Ho eseguito il test in modalità provvisoria (un’opzione alla volta) e la disattivazione delle seguenti opzioni non ha fatto alcuna differenza:

• personalizzazioni non ufficiali dei plugin lato client
• tutte le personalizzazioni dei plugin lato client

Stiamo utilizzando il componente Category Badge Styles con ‘box’ come stile selezionato.

Quindi, disattivare i temi e i componenti del tema ha risolto il problema, poiché ha riportato il badge della categoria all’aspetto predefinito.

Stiamo utilizzando il tema in modalità chiara con la seguente palette colori.

Il nostro CSS personalizzato è il seguente:

/* tabella */

.cooked table thead, .d-editor-preview table thead {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    background-color: #ddd;
}

.cooked table tr, .d-editor-preview table tr {
    border-bottom: 1px solid #ddd;
}

.cooked table td, .cooked table th, .d-editor-preview table td, .d-editor-preview table th {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.fa-heart:before {
    content: "\f164";
}

.category-name {
    font-weight: bold;
    text-transform: uppercase;
    padding: 1px;
}

Utilizzando l’ispettore, sembra che questo sia la causa del problema, perché quando deseleziono la prima riga, il colore del font torna a quello corretto (bianco).

Hai qualche idea su come potrei risolvere?

[Lilly (Lillian)]

Se il tuo forum utilizza solo un tema e una palette di colori, puoi aggiungere questo nel tuo CSS personalizzato:

.badge-category__wrapper .badge-category__name {
  color: var(--secondary);
}

[RFL]

Grazie, Lilly. Funziona e sembra essere il modo più rapido per risolvere il problema.

[chapoi]

Esamineremo da dove origina il problema e aggiorneremo qui.

[derek (Derek Rushforth)]

Sembra che alcuni stili della nostra modernizzazione della base di codice stiano sovrascrivendo il colore del testo qui.

Ho preparato una PR che dovrebbe impostare correttamente il colore previsto sul componente del tema del badge della categoria. Una volta unita, potrai provarla.

FIX: Category badge name color (#34)

[RFL]

Grazie, Derek, molto apprezzato.

[derek (Derek Rushforth)]

È stato unito ora! Fammi sapere se incontri altri problemi.