Taille du logo de catégorie sur des catégories spécifiques - ne s'applique que lors de l'accès direct

Bug
1

Pour une catégorie spécifique, nous avons ajouté le CSS suivant pour ajuster la taille du logo de la catégorie. Mais le CSS n’est appliqué que lorsque vous accédez à la catégorie via un lien, voir ici :

Contests - Forum | Cannabisanbauen.net (nous fonctionnons sur la version stable 3.2)

CSS (dans le commun) :

/* Catégorie Concours - image de catégorie pour chaque sous-catégorie de concours */
body[class^="category-contests"] {
@supports (--custom: property) {
.category-logo.aspect-image {
    --max-height: 250px;
}
.category-boxes .category-box .category-logo.aspect-image img, .category-boxes-with-topics .category-box .category-logo.aspect-image img {
    --height: 250px;
}
}
}

Mais lorsque vous arrivez d’une autre page du forum, le CSS n’est pas “déclenché” et les logos des catégories conservent leur taille par défaut.

Pour reproduire :

  1. Allez sur https://forum.cannabisanbauen.net/
  2. Allez dans la catégorie “Concours” via la barre latérale ou le sélecteur de catégorie
  3. Les logos des catégories sont de taille par défaut

Est-ce un bug ou devrions-nous implémenter le CSS différemment ?

2

Hmm, c’est un problème inhabituel !

J’ai remarqué qu’en fonction de la manière dont vous accédez à la page, les classes attribuées à <body> sont dans un ordre différent :

image
image925×184 38.5 KB

Le symbole « ^ » dans « body[class^=\"category-contests\"] » recherche une correspondance uniquement au début de la liste des classes, donc je suppose que cela ne fonctionnait que lorsque « category-contest » était la première classe de la liste.

Il existe un autre symbole « * » qui recherchera une correspondance n’importe où dans la liste des classes. Vous pourriez essayer de changer la première partie comme ceci :

body[class*="category-contests"]
          ↑ ( * au lieu de ^)

Ou une façon plus simple de l’écrire serait :

body.category-contests

Faites-moi savoir si cela vous aide !

2 « J'aime »
3

Merci, cela a résolu le problème… je ne sais pas pourquoi je me suis compliqué la tâche à ce point :smiley: