Tag Icons

[DogeRTX (ǝɹıɐuoıllıᙠoʇdʎɹƆ / threadripper.eth)]

Ok, iv gotten it to fit in the tag box how it looks nice but that’s for every tags box, iv found how to target specific tags but what would be the right way of selecting that tags box to put in the png icon?

trying to select one -

.tag-question::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

Selecting all -

a.discourse-tag.box::before {
    content: url(https://s2.coinmarketcap.com/static/img/coins/16x16/1.png);
    width: 8px;
    height: 4px;
    margin-right: 10px;
    margin-top: 3px;
    display:inline-block;
}

[jimkleiber]

Si todavía estás buscando, encontré que este sitio tiene muchos iconos SVG de banderas y puede que haya una forma de subirlos como iconos SVG personalizados en Discourse, aún no estoy seguro.

https://www.flaticon.com/packs/search?word=flags&shape=lineal-color&order_by=4&type=icon

[balupton (Benjamin Lupton)]

¡Funciona de maravilla! Aquí hay algunas solicitudes de funciones:

1. Sugerir automáticamente la adición de los iconos svg automáticamente por la lista de entradas de iconos de etiquetas
2. Convertir la lista de iconos de etiquetas en una tabla de 3 columnas, donde pueda haber autocompletado en etiquetas e iconos de font-awesome v5
3. Añadir un enlace a Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome, ya que resulta que estaba buscando la última versión de font awesome (actual v6) y me preguntaba por qué mis entradas no funcionaban.
4. Adoptar font awesome v6

Gracias por esto.

[undasein (Andres Garrido)]

¿Alguna idea de por qué no tengo un espacio entre las etiquetas? Solo sucede en el móvil.

Captura de pantalla

[AquaL1te]

2 etiquetas creadas no funcionan por alguna razón, ¿podría ser un error? Creé la etiqueta interview con el logo SVG microphone-stand y la etiqueta lecture con el logo SVG camcorder. Ambas permanecen en blanco.

Sí funciona cuando configuro ambas etiquetas para usar el logo SVG film, que ya usé para otra etiqueta. Así que, por alguna razón, los 2 logos iniciales que quiero usar no son aceptados.

¿Alguien puede reproducir este problema? Pude reproducirlo en un entorno de desarrollo limpio con solo este componente temático instalado. ¿Cómo puedo ver qué versión de FontAwesome está en uso? Quizás solo estoy seleccionando iconos que no están incluidos en la versión de Discourse. Supongo que es la versión 5.15. Dado que estos iconos se incluyeron en la versión 5.11 o 6.0, deberían estar incluidos.

[JammyDodger]

Tampoco consigo que funcionen, así que puede ser que no estén incluidos en el conjunto disponible.

[ALDT_nè (ALDT)]

¡Hola!

Me pregunto si puedo usar algunos iconos con imágenes como la naturaleza.

[Heliosurge (Dan DeMontmorency)]

¿Funciona esto con etiquetas en grupos de etiquetas?

Acabo de hacer una prueba en una categoría privada con tu etiqueta1 y funciona. Sin embargo, ¿las etiquetas en un grupo de etiquetas parecen no funcionar?

[Heliosurge (Dan DeMontmorency)]

Tengo un problema similar. Parece que cuando una etiqueta supera los 10 caracteres, los iconos no se muestran.

Descubrí el problema del grupo de etiquetas. ¿Parece que es necesario agregar etiquetas de grupos directamente a la categoría en lugar de agregar el grupo de etiquetas?

[Darojax]

No puedo hacer que los iconos de las etiquetas aparezcan en ningún lugar que no sea la barra lateral. ¿Alguien tiene alguna idea de por qué es así? Intenté reinstalar el componente, usándolo solo junto con el tema predeterminado, todavía sin éxito.

[Firepup650 (Firepup Sixfifty)]

Solo para comprobar, ¿añadió los iconos a la configuración de iconos svg en el componente del tema?

[Darojax]

Sí, lo hice, puedes ver que los iconos aparecen a la izquierda en la barra lateral, pero no aparecen en ningún otro lugar:

[Arkshine]

Hola, Darojax, bienvenido

No puedo reproducir esto de mi lado.

A menos que CSS esté involucrado o las plantillas se sobrescriban, las etiquetas se renderizan de la misma manera en todas partes.

Si es posible, ¿puedes compartir la URL de tu foro?

[Darojax]

Hola, gracias por tu respuesta. Desafortunadamente, en esta etapa el foro todavía está en desarrollo y no está abierto en internet. Me pondré en contacto contigo una vez que salgamos al público, o si el problema se resuelve.

[Arkshine]

Está bien, no hay problema. ¿Podrías proporcionar tu versión actual de Discourse y listar los plugins/componentes activos? Quizás eso nos dé una pista.

Intentaría habilitar solo el componente Tag Icons con el tema predeterminado sin ninguna modificación CSS para ver si el problema aparece. Si no es así, a partir de ahí, podrás averiguar cuál es el culpable.

[Darojax]

Por supuesto:

Versión de Discourse Instalada
3.2.0.beta2
(be04154838)

Última
3.2.0.beta2

He creado un tema Predeterminado nuevo y solo estoy utilizando el componente de iconos de etiquetas instalado directamente a través de GitHub:

GitHub - discourse/discourse-category-icons: A theme component to display icons next to...

junto con dos plugins:

discourse-landing-pages

GitHub - paviliondev/discourse-landing-pages: Adds landing pages to Discourse

docker_manager

GitHub - discourse/docker_manager: Plugin for use with discourse docker image

No se han realizado otras personalizaciones de CSS, HTML ni de otro tipo.

[Darojax]

OK, he encontrado el problema. El plugin no parece poder manejar etiquetas que comienzan con letras mayúsculas. Cambié los nombres de las etiquetas a minúsculas y ahora funciona como se esperaba. Las etiquetas que comienzan con letras mayúsculas me parecen más ordenadas, sería genial si se pudiera solucionar este problema. : ) Pero aun así, gracias por un gran componente.

[Arkshine]

Me alegra que ahora funcione. Sin embargo, ¿cómo creaste esas etiquetas? Normalmente se ven obligadas a estar en minúsculas.

[Darojax]

Hay una configuración para esto en el panel de administración:

[Arkshine]

Tienes razón, disculpa, me olvidé de esta configuración.

Sé dónde está el problema, propondré una solución más tarde.