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?

2 Mi Piace

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.

1 Mi Piace

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

2 Mi Piace

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!

3 Mi Piace

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.

2 Mi Piace

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

1 Mi Piace

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.

1 Mi Piace

È 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)';
}
1 Mi Piace

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

2 Mi Piace

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:

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.