Bordi delle caselle delle categorie rotti dopo l'aggiornamento

Ciao, non ho trovato altri che segnalassero questo problema, ma ho controllato con più temi e il CSS inline del bordo della casella delle categorie sembra essere rotto dopo l’aggiornamento a 3.1.0.beta4.

Questo è il motivo:
Screenshot 2023-06-07 at 13.03.12

Non sono sicuro del perché stia iniettando sia il colore che la var (?)

Apprezzerei qualsiasi aiuto o idea.

Penso che @MarcP abbia menzionato qualcosa di simile nel thread del componente tematico Colorful Categories - #7 by MarcP. Stai usando anche tu quel componente?

Grazie! No, ho provato a usare il tema Material, ma anche diversi altri per sicurezza. Purtroppo il comportamento è stato lo stesso. È successo subito dopo l’aggiornamento. Per il resto sembra tutto a posto finora.

Ottimi punti. Ripensandoci, i bordi devono avere un colore del bordo in core. Non è correlato al componente poiché anche con il componente disabilitato i bordi sono tutti grigi.

Oops. Ho letto male la domanda @JammyDodger ma no, non ho questo componente installato.

Mi chiedo se ci sia una soluzione intelligente per questo? L’unica cosa a cui riesco a pensare è rimuovere alcuni dei caratteri in JS?

Questa è stata una regressione di Discourse e non ha nulla a che fare con temi o plugin, avremo presto una soluzione!

Grazie! Per riferimento futuro, presumo che non vi sia un facile accesso ai colori delle categorie tramite CSS, giusto?
Forse tramite JS?

Abbiamo recentemente apportato alcune modifiche per rendere i colori delle categorie più facili da accedere in CSS aggiungendoli come proprietà personalizzate (variabili CSS).

Puoi vederli nell’ispettore del tuo browser:

Quindi, finché conosci l’ID della categoria, puoi accedere al suo colore in CSS. Il modo più semplice per trovare l’ID (numero) è guardare l’URL della categoria, ad esempio Support https://meta.discourse.org/c/support/6 — per utilizzare il colore della categoria di supporto puoi fare qualcosa di simile:

.your-class-name {
  background: var(--category-6-color);
}

Questa correzione è stata unita (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), quindi dopo l’aggiornamento di Discourse i colori dovrebbero tornare.

Questo è fantastico! Grazie per averlo fatto. :slight_smile:

Fantastico. Anche se immagino che per questo problema l’unico modo per risolverlo sarebbe controllare l’ID della categoria, quindi applicare la corretta variabile CSS utilizzando JS.
A meno che tu non abbia un’altra soluzione in mente? Sono felice di provare a codificarla e condividerla qui.

Questa correzione è stata unita (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), quindi dopo l’aggiornamento di Discourse i colori dovrebbero tornare.

È stato veloce!

Nel frattempo ho appena finito un workaround :sweat_smile:
Lascio il codice qui sotto nel caso.

var categoryBoxes = document.getElementsByClassName('category-box');

for (var i = 0; i < categoryBoxes.length; i++) {
  var categoryBox = categoryBoxes[i];
var dataCategoryId = categoryBox.getAttribute('data-category-id');
categoryBox.style.border = '2px solid var(--category-' + dataCategoryId + '-color)';
}

Solo per ricontrollare →
C’è un modo per aggiornare dall’interfaccia utente front-end? Penso che i miei aggiornamenti siano su test-passed.
Oppure dovrei aspettare la 3.1.0.beta5?

La maggior parte dei siti è impostata su “test-superati” per impostazione predefinita, dovresti essere in grado di aggiornare in qualsiasi momento da /admin/upgrade

Non posso credere di non averlo saputo. LOL

Grazie come sempre!

Sulla mia istanza questo è ancora un problema nella versione mobile, il desktop va bene :thinking: