Impossibile modificare l'icona del lucchetto nelle caselle di categoria

[nathank (Nathan Kershaw)]

Ho usato Category Icons per cambiare l’icona dei lucchetti delle categorie in unlock-alt, il che è fantastico.

Vengono applicate a tutte le categorie e sottocategorie in modo appropriato, tranne che per category-box-heading. Noterai che i titoli delle sottocategorie hanno l’icona sostituita senza problemi:

.

Ispezionando le caselle, noto che il testo per category-box-heading non è racchiuso in <span>category name here</span>, e l’icona assegnata è quella predefinita (non quella a cui è stata cambiata).

Mi scuso se questo è in realtà correlato al Componente Tematico, ma sono abbastanza sicuro che sia qualcosa nel core.

[Johani (Joe)]

Parte di questo è nel core e parte nel componente. Queste due PR dovrebbero risolvere il problema una volta unite

UX: allow themes to easily change in the lock icon in category-boxes

UX: allow component to change lock icons in category boxes

[nathank (Nathan Kershaw)]

Grazie Joe, ho aggiornato sia Discourse che il componente, ma il comportamento non è cambiato. Questo esempio è per le sottocategorie, ma è lo stesso per le caselle nella pagina /c.

Quando lo ispeziono, posso vedere l’ulteriore wrapping - che è lì bene, ma ancora l’icona del lucchetto sbagliata:

<svg class="fa d-icon d-icon-lock svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
<use href="#lock"></use>
</svg>

[Johani (Joe)]

Su quale commit si sta verificando questo problema?

Fai clic con il pulsante destro del mouse > visualizza sorgente pagina > Cerca il tag Meta Generator.

Assomiglia a questo

<meta name="generator" content="Discourse 2.8.0.beta9 - https://github.com/discourse/discourse version 5e534e58973730ad43026455821966a352e8477a">

Puoi condividerlo qui?

[nathank (Nathan Kershaw)]

In betterstreets.nz, ma non vedrai alcuna icona di blocco a meno che tu non ti unisca (cosa che sei il benvenuto a fare).

Eccola:

<meta name="generator" content="Discourse 2.8.0.beta9 - https://github.com/discourse/discourse version 1c9a0fe18e19831277fd1c1be6d28559b3bad108">

[Johani (Joe)]

Il componente del tema non è aggiornato sul tuo sito. Vedo questo.

Riepilogo

let lockIcon = settings.category_lock_icon || "lock";

categoryTitleLink.default.reopen({
  lockIcon: lockIcon
});

quando dovrebbe essere

Riepilogo

let lockIcon = settings.category_lock_icon || "lock";

categoryTitleLink.reopen({
  lockIcon: lockIcon,
});

categoriesBoxes.reopen({
  lockIcon: lockIcon,
});

categoriesBoxesWithTopics.reopen({
  lockIcon: lockIcon,
});

Come è qui

javascripts/discourse/initializers/category-icons.js

Vai alla pagina del componente sul tuo sito e assicurati che il link source punti al repository corretto

https://github.com/discourse/discourse-category-icons

Inoltre, verifica se hai più copie del componente installate. Controlla se quello attivo è aggiornato.

[nathank (Nathan Kershaw)]

Hmmm, da parte mia sembra tutto a posto. Solo un componente, repository corretto, attivato.

La sorgente è:

[Johani (Joe)]

Non sono molto sicuro a questo punto. Esaminando le impostazioni, vedo che lo stai usando solo per l’icona del lucchetto, giusto? Puoi provare a eliminare il componente e reinstallarlo?

[nathank (Nathan Kershaw)]

@Johani

Puoi provare a eliminare il componente e reinstallarlo?

Beh, ha funzionato!!!

Grazie per il tuo supporto persistente e oltre ogni aspettativa, Joe!

Ora lo applicherò ai nostri altri siti, eliminando e reinstallando il componente ogni volta. Non sono sicuro di cosa abbia innescato questo, ma ehi, funziona.