Iconos de categoría

Hola a todos: he instalado el plugin, pero no logro encontrar dónde configurarlo.

¿Es compatible con la versión 2.6.0.beta2?

Aquí está mi archivo app.yml:

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## Cualquier comando personalizado para ejecutar después de la compilación

He reconstruido la aplicación, pero no veo nada en el panel de administración para configurarlo.

Por favor, ayúdenme.

1 me gusta

¡Hola! Esto no es un plugin, sino un componente de tema.

Por favor, lee cómo instalar un componente de tema: Installing a theme or theme component

Edición: Estos también son componentes de tema, así que instálalos de la misma forma :arrow_up:

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
6 Me gusta

Gracias, Don, eres una estrella. Como puedes ver, soy nuevo en esta plataforma.

Ant

2 Me gusta

Hola, acabo de crear un PR para añadir una nueva opción que permite especificar el color del icono como “catcol”, lo que hará que adopte el color de la categoría (como se ve en la franja de la categoría y se configura en Editar categoría | General | Color de fondo).

Ejemplo: “test,hands-helping,catcol,partial”

Esto es especialmente útil con la coincidencia parcial de nombres, de modo que, en el ejemplo, el mismo icono puede usarse para todas las categorías que contengan “test” en su slug, pero cada una adoptará su propio color de categoría en lugar de usar siempre el mismo. También ofrece una alternativa rápida para no tener que seleccionar un color para un icono único (coincidencia exacta): simplemente usa el color de la categoría.

Esto también será útil con una nueva opción propuesta para que el icono reemplace la franja de la categoría mientras mantiene la indicación del color de la categoría, tema que se abordará en un futuro PR.

RogerCO

3 Me gusta

El PR de @rogerco ya está fusionado. Ahora puedes usar el color de categoría añadiendo la palabra clave especial “categoryColour” donde debería ir el color del icono. ¡Gracias, Roger!

2 Me gusta

¿El color no se aplica a los iconos en la vista /categories?

2 Me gusta

Ah, lo siento por eso, debería estar solucionado ahora.

2 Me gusta

Hola, ¿este componente requiere FontAwesome o puedo usar mis propios iconos?

1 me gusta

No sé si esto pueda ser útil para alguien más, pero he enviado una solicitud de extracción para discourse-category-banners con el fin de mostrar el icono de discourse-category-icons junto al título del banner. Lo estoy utilizando en producción aquí.

9 Me gusta

Gracias @renato, tu PR ya está fusionado.

6 Me gusta

Esta es una buena adición, pero no funciona como se espera si el color del icono de la categoría se establece igual al de la categoría (en tu ejemplo usas el negro predeterminado para los iconos de categoría y se invierten a blanco, igual que el título).

Probablemente el color del icono en el título debería establecerse explícitamente igual al del título, para que se puedan usar iconos de cualquier color.

3 Me gusta

Tuve el mismo problema en mi instancia, pero me di cuenta de que al omitir el color del icono de la categoría, este toma el color adecuado: blanco cuando se muestra en el renderizador de la categoría image y en el título del banner, pero negro cuando el fondo es blanco: image.

Sin embargo, si no usas el estilo de categoría box y el color del icono de la categoría se establece igual al color de fondo de la categoría, tienes razón: el icono se vuelve “invisible”.

Podríamos establecerlo explícitamente en otro valor, por supuesto. El título del banner usa el color de la categoría; quizás esa sea la opción más segura, como sugeriste. @pmusaraj, ¿qué opinas?

4 Me gusta

Sí, eso me funciona.

2 Me gusta

Hola. Este es un componente excelente. ¿Es posible desactivar los iconos de categoría cuando aparecen en las listas de categorías? En nuestro caso, queremos usar los iconos de categoría en todos los demás lugares donde aparecen, pero no en el menú desplegable de la lista de categorías.

1 me gusta

Sí, puedes agregar algo de CSS para ocultar los iconos en las listas específicas.

2 Me gusta

Hola Penar. Ten en cuenta que queremos mantener los iconos para todas las categorías, pero deseamos desactivar la visualización del icono únicamente en el menú desplegable del control de lista de categorías. He intentado trabajar con las clases “fa d-icon d-icon-lock svg-icon svg-string” y “category-name”, pero no he tenido éxito. ¿Dónde debería aplicar los ajustes de CSS? ¿Podrías sugerirme algunos ajustes para probar?

Gracias,
Doug

3 Me gusta

Claro, puedo ayudarte. ¿Podrías publicar una captura de pantalla del elemento de la interfaz donde te gustaría ocultar los iconos? No estoy 100% seguro de entender exactamente qué necesitas, pero con una captura de pantalla debería poder enviarte el CSS necesario para ocultar los iconos solo en ese contexto específico.

3 Me gusta

Hola Penar,

Excelente. Adjunto está la captura de pantalla de un ejemplo de prueba donde nos gustaría que el icono no se muestre.

. Esta captura muestra un icono de flecha que se visualiza en el control desplegable de la lista de categorías. Sí queremos que el icono se muestre en otras partes del sitio (ver la segunda captura de pantalla) Screen Shot 2021-02-08 at 9.59.36 AM|690x356, como en la sección donde aparecen las publicaciones. Algunos usuarios aquí han solicitado algo como este icono de flecha hacia atrás para poder navegar fácilmente de regreso al inicio de una categoría después de leer una publicación. Les he sugerido otras formas de hacerlo mediante la interfaz web de Discourse, pero aún así desean que se implemente esta solicitud.

Gracias,
Doug White
Programa de Informática en Salud de Carolina
Universidad de Carolina del Norte en Chapel Hill

1 me gusta

Hmm, el CSS para hacer esto es el siguiente:

.select-kit-row .category-badge-icon {
    display: none;
}

Sin embargo, te encontrarás con problemas en otros lugares; la insignia de categoría se muestra en muchos sitios y esa flecha resultará más confusa que útil.

1 me gusta

Sí, lo sé. Se lo dije, pero me pidieron que lo hiciera de todos modos. ¿Hay alguna forma de evitar que el icono aparezca dentro del control? Sigue mostrándose en la parte superior del control de lista.

.

1 me gusta