Dimensione logo categoria su categorie specifiche - applicato solo all'accesso diretto

Bug
1

Per una categoria specifica abbiamo aggiunto il seguente CSS per regolare le dimensioni del logo della categoria. Ma il CSS viene applicato solo quando si accede alla categoria tramite un link, vedi qui:

Contests - Forum | Cannabisanbauen.net (stiamo usando la versione 3.2 stable)

CSS (in Common):

/* Contest Kategorie - category image for each contest subcat  */
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;
}
}
}

Ma quando si arriva da un’altra pagina del forum, il CSS non viene “attivato” e i loghi delle categorie sono ancora della dimensione predefinita.

Per riprodurre:

  1. vai su https://forum.cannabisanbauen.net/
  2. Vai alla categoria “Contests” tramite la barra laterale o il selettore di categorie
  3. I loghi delle categorie sono della dimensione predefinita

è un bug o dovremmo implementare il CSS in modo diverso?

2

Hmm, è un problema insolito!

Ho notato che a seconda di come si accede alla pagina, le classi assegnate a <body> sono in un ordine diverso:

image
image925×184 38.5 KB

Il simbolo “^” in “body[class^=\"category-contests\"]” fa sì che cerchi una corrispondenza solo all’inizio dell’elenco delle classi, quindi la mia ipotesi è che funzionasse solo quando ‘category-contest’ era la prima classe nell’elenco.

C’è un altro simbolo “*” che cercherà una corrispondenza ovunque nell’elenco delle classi. Potresti provare a cambiare la prima parte in questo modo:

body[class*="category-contests"]
          ↑ ( * invece di ^)

Oppure un modo più semplice per scriverlo sarebbe:

body.category-contests

Fammi sapere se aiuta!

2 Mi Piace
3

Grazie, ha risolto davvero… non so perché l’ho complicato così tanto :smiley: