La couleur de bordure des boîtes de catégories est cassée après la mise à jour

Salut ! Je n’ai trouvé personne d’autre signalant cela, mais j’ai vérifié avec plusieurs thèmes et la couleur de bordure de la boîte de catégories CSS en ligne semble être cassée après la mise à jour vers la 3.1.0.beta4.

Voici pourquoi :
Screenshot 2023-06-07 at 13.03.12

Je ne suis pas sûr de la raison pour laquelle il injecte à la fois la couleur et la variable (?)

J’apprécierais toute aide ou idée.

Je pense que @MarcP a mentionné quelque chose de similaire sur le sujet du composant de thème Colorful Categories - #7 by MarcP. Utilisez-vous également ce composant ?

2 « J'aime »

Merci ! Non, j’ai essayé d’utiliser le thème Material, mais aussi plusieurs autres par précaution. Malheureusement, le comportement était le même. C’est arrivé juste après la mise à jour. Tout le reste semble fonctionner correctement jusqu’à présent.

Bons points. Maintenant que j’y pense, les bordures doivent avoir une couleur de bordure dans le cœur. Ce n’est pas lié au composant car même avec le composant désactivé, les bordures sont toutes grises.

1 « J'aime »

Oups. J’ai mal lu la question @JammyDodger mais non, je n’ai pas ce composant installé.

2 « J'aime »

Je me demande s’il existe une solution astucieuse à ce problème ? La seule chose à laquelle je peux penser est de supprimer certains des caractères en JS ?

Il s’agissait d’une régression de Discourse et n’a rien à voir avec les thèmes ou les plugins, nous aurons bientôt un correctif !

3 « J'aime »

Merci ! Pour information, j’imagine qu’il n’y a pas d’accès facile aux couleurs des catégories via CSS, c’est exact ?
Peut-être via JS ?

Nous avons récemment apporté quelques modifications pour faciliter l’accès aux couleurs des catégories en CSS en les ajoutant en tant que propriétés personnalisées (variables css).

Vous pouvez les voir dans l’inspecteur de votre navigateur :

Tant que vous connaissez l’ID de la catégorie, vous pouvez accéder à sa couleur en CSS. Le moyen le plus simple de trouver l’ID (numéro) est de regarder l’URL de la catégorie, Support par exemple : https://meta.discourse.org/c/support/6 — pour utiliser la couleur de la catégorie support, vous pouvez faire quelque chose comme ceci :

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

Ce correctif a été fusionné (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), donc après la mise à jour de Discourse, les couleurs devraient revenir.

2 « J'aime »

C’est génial ! Merci de faire cela. :slight_smile:

1 « J'aime »

C’est génial. Bien que je suppose que pour ce problème, la seule façon de le résoudre serait de vérifier l’identifiant de la catégorie, puis d’appliquer la bonne variable CSS à l’aide de JS.
À moins que vous n’ayez une autre solution en tête ? Je suis heureux d’essayer de coder cela et de partager ici.

Ce correctif a été fusionné (FIX: add category colors back to categories pages (#21977) · discourse/discourse@e43ac00 · GitHub), donc après la mise à jour de Discourse, les couleurs devraient revenir.

1 « J'aime »

C’était rapide !

En attendant, je viens de terminer une solution de contournement :sweat_smile:
Je laisse le code ci-dessous au cas où.

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 « J'aime »

Juste pour revérifier →
Y a-t-il un moyen de mettre à jour depuis l’interface utilisateur ? Je pense que mes mises à jour sont sur test-passed.
Ou devrais-je attendre la 3.1.0.beta5 ?

La plupart des sites sont sur tests-passés par défaut, vous devriez pouvoir mettre à jour à tout moment depuis /admin/upgrade

2 « J'aime »

Je n’arrive pas à croire que je ne savais pas ça. LOL

Merci comme toujours !

Sur mon instance, cela reste un problème sur la version mobile, la version de bureau fonctionne :thinking:

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