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]

Se stai ancora cercando, ho trovato questo sito che ha molte icone SVG di bandiere e potrebbe esserci un modo per caricarle come icone SVG personalizzate su Discourse, non ne sono ancora sicuro.

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

[balupton (Benjamin Lupton)]

Funziona benissimo! Ecco alcune richieste di funzionalità:

1. Suggerimento automatico per aggiungere le icone svg automaticamente dall’elenco di input delle icone dei tag
2. Convertire l’elenco di icone dei tag in una tabella a 3 colonne, dove ci può essere il completamento automatico per tag e icone font-awesome v5
3. Aggiungere un link a Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome poiché ho cercato l’ultima versione di font awesome (l’attuale v6) chiedendomi perché i miei input non funzionassero.
4. Adottare font awesome v6

Grazie per questo.

[undasein (Andres Garrido)]

Hai qualche idea sul motivo per cui non ho uno spazio tra i tag? Succede solo su mobile

Screenshot

[AquaL1te]

2 tag creati non funzionano per qualche motivo, potrebbe essere un bug? Ho creato il tag interview con il logo SVG microphone-stand e il tag lecture con il logo SVG camcorder. Entrambi rimangono vuoti.

Funziona quando imposto entrambi i tag per utilizzare il logo SVG film, che ho già utilizzato per un altro tag. Quindi, per qualche motivo, i 2 loghi iniziali che voglio usare non vengono accettati.

Qualcuno può riprodurre questo problema? Ho potuto riprodurlo in un ambiente di sviluppo pulito con solo questo componente tematico installato. Come posso vedere quale versione di FontAwesome è in uso? Forse sto solo selezionando icone che non sono incluse nella versione su Discourse. Suppongo che sia la versione 5.15. Poiché queste icone erano incluse nella versione 5.11 o 6.0, dovrebbero essere incluse.

[JammyDodger]

Non riesco a farli funzionare nemmeno io, quindi potrebbe essere che non siano inclusi nel set disponibile.

[ALDT_nè (ALDT)]

Ciao!
Mi chiedo se posso usare alcune icone con immagini come la natura?

[Heliosurge (Dan DeMontmorency)]

Funziona con i tag nei gruppi di tag?

Ho appena eseguito un test in una categoria privata con il tuo tag1 e funziona. Tuttavia, i tag in un gruppo di tag sembrano non funzionare?

[Heliosurge (Dan DeMontmorency)]

Sto riscontrando un problema simile. Sembra che quando un tag supera i 10 caratteri, le icone non vengono visualizzate.

Ho risolto il problema del gruppo di tag. Sembra necessario aggiungere i tag dai gruppi direttamente alla categoria anziché aggiungere il gruppo di tag?

[Darojax]

Non riesco a far apparire le icone dei tag da nessuna parte tranne che nella barra laterale. Qualcuno ha idea del perché sia così? Ho provato a reinstallare il componente, usandolo da solo insieme al tema predefinito, ancora niente.

[Firepup650 (Firepup Sixfifty)]

Solo per verificare, hai aggiunto le icone all’impostazione svg icons nel componente del tema?

[Darojax]

Sì, l’ho fatto, puoi vedere che le icone stesse appaiono a sinistra nella barra laterale, ma non appaiono in nessun altro punto:

[Arkshine]

Ciao, Darojax, benvenuto

Non riesco a riprodurlo da parte mia.

A meno che non siano coinvolti CSS o i template vengano sovrascritti, i tag vengono visualizzati allo stesso modo ovunque.

Se possibile, puoi condividere l’URL del tuo forum?

[Darojax]

Ciao, grazie per la tua risposta. Sfortunatamente, in questa fase il forum è ancora in fase di sviluppo e non è accessibile su Internet. Ti ricontatterò una volta che saremo pubblici, o se il problema verrà risolto.

[Arkshine]

Va bene, va bene. Riesci a fornire la tua versione attuale di Discourse in modo rigoroso ed elencare i plugin/componenti attivi? Forse potrebbe darci un indizio.

Proverei ad abilitare solo il componente Tag Icons con il tema predefinito senza alcuna modifica CSS per vedere se il problema si presenta. In caso contrario, da lì potrai capire qual è il colpevole.

[Darojax]

Certamente:

Versione di Discourse installata
3.2.0.beta2
(be04154838)

Ultima
3.2.0.beta2

Ho creato un tema predefinito nuovo di zecca e sto utilizzando solo il componente Icone tag installato direttamente tramite GitHub:

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

insieme a due plugin:

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

Non sono state apportate altre personalizzazioni CSS, HTML o di altro tipo.

[Darojax]

OK, ho trovato il problema. Il plugin non sembra in grado di gestire tag che iniziano con lettere maiuscole. Ho cambiato i nomi dei tag in tutte le lettere minuscole e ora funziona come previsto. I tag che iniziano con lettere maiuscole sono più ordinati secondo me, sarebbe fantastico se questo problema potesse essere gestito. : ) Ma grazie ancora per un ottimo componente.

[Arkshine]

Sono contento che ora funzioni. Tuttavia, come hai creato quei tag? Normalmente sono forzati ad essere in minuscolo.

[Darojax]

C’è un’impostazione per questo nel pannello di amministrazione:

[Arkshine]

Hai ragione, colpa mia, avevo dimenticato questa impostazione.

So dov’è il problema, proporrò una soluzione più tardi.