Sì, questo è il problema con i gruppi di tag.
Sì, ho appena dato un’occhiata e sembra una correzione abbastanza semplice: il core deve utilizzare il renderer dei tag nel menu a discesa del filtro (in modo che corrisponda al selettore dei tag nel compositore). Ci darò un’occhiata a breve.
Ho appena notato che il renderer della categoria viene sostituito anche nel menu a tendina che appare quando si usa #mentioning nel compositore, mostrando l’icona della categoria dal componente del tema, ma il renderer dei tag mostra un renderer diverso da tutti gli altri luoghi, con un’icona del tag accanto al nome del tag:
@pmusaraj pensi sia possibile far sì che questo renderer utilizzi anche quello sostituito dal componente del tema?
Grazie.
Credo che standardizzare questo avrebbe senso, sì. Sei interessato a lavorare su una PR per questo @renato?
(Per tua informazione, una PR è stata creata per il menu a discesa del filtro; verrà probabilmente unita la prossima settimana.)
Ho iniziato a utilizzare questo componente per avvisare visivamente gli utenti quando l’applicazione di un tag attiverà un’integrazione con la chat.
Sarebbe possibile colorare opzionalmente anche il testo del tag direttamente da questo componente? Ho notato un’opzione manuale sul forum qui. Grazie per questo ottimo componente!
edit: Sarebbe utile anche poter aggiungere più icone a un tag. Grazie per la considerazione!
Questo può essere fatto con SCSS nel tuo tema; non abbiamo intenzione di aggiungere questa funzionalità al componente.
Non abbiamo nemmeno intenzione di permettere più icone per tag.
Ciao @pmusaraj
Esiste già un modo per impostare un’icona di fallback per gruppo di tag?
È possibile cambiare le icone di tutti i tag? Invece dei pallini, usare qualcos’altro? Ho capito bene che questo componente serve solo per i tag elencati?
Risposta trovata:
.discourse-tags .bullet:before {
background: transparent;
content: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;" viewBox="0 0 467 856.25" x="0px" y="0px" fill-rule="evenodd" clip-rule="evenodd"><defs><style type="text/css">.fil0 {fill:black}</style></defs><g><path class="fil0" d="M234 0c129,0 233,105 233,234 0,64 -26,122 -68,165l-165 286 -166 -286c-42,-43 -68,-101 -68,-165 0,-129 105,-234 234,-234zm0 125c50,0 90,40 90,90 0,50 -40,91 -90,91 -50,0 -91,-41 -91,-91 0,-50 41,-90 91,-90z"/></g></svg>');
vertical-align:baseline;
}
Le immagini delle icone SVG possono essere scaricate liberamente da siti come https://thenounproject.com/
Se stai usando tag in stile elenco puntato e
ecco come l’ho fatto per i tag books e science-fiction:
Risultato finale:
Tag icons (questo componente)
Tag IconsAffinché ciò funzioni, creiamo un nuovo componente del tema: Tag Icons extra.
Nella sezione Common/CSS:
@mixin updateBulletTag ($col) {
&.bullet {
color: $col !important;
}
&.bullet::before {
content: none !important;
}
}
REPLACEMETAG con il nome del tag e REPLACEMECOLOR con lo stesso colore dell’icona:[data-tag-name="REPLACEMETAG"] {
@include updateBulletTag(REPLACEMECOLOR);
}
Segnalazione di bug: nel selettore dei tag di un post, le icone non sono colorate:
Qui, le icone dovrebbero avere lo stesso colore del testo (il testo è un CSS personalizzato da me):
La mia configurazione:
@pmusaraj Ho circa 50 tag ai quali ho aggiunto delle icone circa due settimane fa. Ora controllo la mia lista di tag e cinque di essi non hanno più le icone… E anche se li elimino e li reinserisco, niente da fare. Potrei provare a eliminarli tutti e 50 e poi reinserirli tutti per vedere se questo aiuta, ma vorrei non doverlo fare, dato che è una seccatura…
Puoi pubblicare uno screenshot delle tue impostazioni evidenziando i tag le cui icone non funzionano più?
Hmm, è curioso che le ultime cinque voci non funzionino. Puoi provare a scambiare una delle ultime cinque con una di quelle sopra e vedere cosa succede? Sembra che il valore dell’impostazione venga troncato da qualche parte…
Solo per farti sapere, non erano originariamente gli ultimi cinque a smettere di apparire. Erano cinque a caso, e poi li ho cancellati e li ho reinseriti per vedere se apparivano (ma non lo hanno fatto), ed è per questo che sembra che non stiano mostrando gli ultimi pochi.
Detto questo, ho cancellato il tag di verifica della prova e lo ho reinserito in modo che fosse all’inizio della coda. Era arancione e lo è ancora, e appare correttamente. Sembra che il problema riguardi solo quei cinque…
C’è un modo per utilizzare quelle variabili di colore per i colori delle icone dei tag?
Puoi usare ogni colore per le icone dei tag.
O cosa intendi?
Ottima domanda, sì, sembra che tu possa utilizzare le proprietà CSS personalizzate; questo ha funzionato per me:
Ah, il mio errore. Ho appena trovato il problema e ora funziona perfettamente.
Fantastico che sia possibile!
C’è un modo per usare un PNG per l’icona? Ho tutte le immagini che voglio utilizzare in formato PNG, ma convertirle in SVG le rovina; inoltre, quando provo a convertirle, le icone non vengono caricate comunque.
Ho oltre 400 immagini da convertire e, visto che non riesco nemmeno a far funzionare una singola conversione, sarebbe comodo poter usare direttamente i PNG che ho già.
Questo componente non è destinato all’uso con file PNG. Nel tuo caso, puoi probabilmente usare solo il CSS.
