No se puede cambiar el icono de candado en los cuadros de categoría

[nathank (Nathan Kershaw)]

He usado Category Icons para cambiar el icono de bloqueo de categoría a unlock-alt, lo cual es genial.

Se aplican a todas las categorías y subcategorías apropiadamente, excepto a category-box-heading. Notarás que los títulos de las subcategorías tienen el icono de reemplazo sin ningún problema:

.

Al inspeccionar las cajas, noto que el texto para category-box-heading no está envuelto en <span>class="category-name">nombre de categoría aquí</span>, y el icono asignado es el predeterminado (no el que se ha cambiado).

Disculpas si esto está relacionado con el Componente Temático, pero estoy bastante seguro de que es algo del núcleo.

[Johani (Joe)]

Parte de esto está en el núcleo y parte en el componente. Estas dos PR deberían solucionar el problema cuando se fusionen.

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)]

Gracias Joe. He actualizado tanto Discourse como el componente, pero el comportamiento no ha cambiado. Este ejemplo es para subcategorías, pero es lo mismo para los cuadros en la página /c.

Cuando lo inspecciono, puedo ver el envoltorio adicional, que está ahí muy bien, pero sigue siendo el icono de candado incorrecto:

<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)]

¿En qué commit se está viendo este problema en el sitio?

Haz clic derecho > ver código fuente de la página > Busca la etiqueta Meta Generator.

Se ve así:

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

¿Puedes compartirlo aquí?

[nathank (Nathan Kershaw)]

En betterstreets.nz, pero no verás ningún icono de bloqueo a menos que te unas (lo cual eres bienvenido a hacer).

Aquí está:

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

[Johani (Joe)]

El componente de tema no está actualizado en tu sitio. Estoy viendo esto.

Resumen

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

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

cuando debería ser

Resumen

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

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

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

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

Como está aquí:

javascripts/discourse/initializers/category-icons.js

Ve a la página del componente en tu sitio y asegúrate de que el enlace source apunte al repositorio correcto.

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

Además, comprueba si tienes varias copias del componente instaladas. Comprueba si la que está activa está actualizada.

[nathank (Nathan Kershaw)]

Hmmm, todo se ve bien de mi parte. Solo un componente, repositorio correcto, activado.

\u003e

La fuente es:

[Johani (Joe)]

La verdad es que no estoy muy seguro en este momento. Revisando la configuración, veo que solo estás usando esto para el icono de bloqueo, ¿verdad? ¿Puedes intentar eliminar el componente e instalarlo de nuevo?

[nathank (Nathan Kershaw)]

@Johani

¿Puedes intentar eliminar el componente e instalarlo de nuevo?

¡¡¡¡¡Eso funcionó!!!

¡Gracias por tu apoyo persistente más allá del deber, Joe!

Ahora lo aplicaré a nuestros otros sitios, eliminando y reinstalando el componente cada vez. No estoy seguro de qué desencadenó eso, pero bueno, funciona.