what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
what does “icon” stand for in settings?
Is it exact name of some icon from svg site? How do I get the exact name?
That could indeed be a great improvement!
I think I have a problem on my forum as the icons are specified as white, while background is white on categories page
Could I enforce different background here, as it is used for subcategories?
I’m looking at the code and trying to fix the following two issues, but I’m stuck on the second one.
Category icon list is not applied in category view (with Show subcategory list above topics in this category)
I managed to fix this one by replacing line 112 in header.html
if(iconItem && !attrs.category.parent_category_id) {
with
if (iconItem) {
and adding the following code to common.scss
.subcategory .category-icon-widget {
display: none;
}

Category lock icon next to category doesn’t change to new svgCategories view:

Category view (with Show subcategory list above topics in this category):

I think this is the relevant code:
let classNames = "badge-category clear-badge";
if (restricted) {
classNames += " restricted";
}
...
html +=
`<span ${style} ` +
'data-drop-close="true" class="' +
classNames +
'"' +
(description ? 'title="' + escapeExpression(description) + '" ' : "") +
">";
which adds restricted class to a <span> with classes badge-category clear-badge which controls the subcategory lock icon display, but I cannot figure out how to also apply this to <div> with class category-text-title which controls category lock icon display.
Any chance that it will anytime soon? For some reason the categories boxes view also doesn’t display the colour blob or the lock icon so it might be outside this component’s control…
Non riesco ancora a “capire” cosa c’è che non va con il colore.
Qualcuno può aiutarmi a capire dove ho sbagliato?
ed ecco il risultato
Bug @pmusaraj
I slug (e i titoli) delle sottocategorie devono essere unici solo all’interno della loro categoria padre.
Tuttavia, gli slug vengono utilizzati come chiave per trovare l’icona in questo componente.
Di conseguenza, se hai due sottocategorie sotto genitori diversi con lo stesso slug, l’icona viene applicata a entrambe.
A dire il vero, penso che questo sia effettivamente un problema di Discourse, poiché gli slug dovrebbero essere unici in tutta l’istanza di Discourse, ma non lo sono.
È persino possibile risolvere questo problema all’interno del componente?
Non capisco perché gli slug debbano essere globalmente unici, dato che, per quanto ne so, non hanno mai un ambito globale. Puoi spiegarlo?
P.S. Ho visto il tuo nuovo argomento in cui poni la domanda sul motivo per cui non sono unici.
Il componente Icone delle Categorie, ad esempio, utilizza lo slug per identificare la categoria a cui deve essere associata l’icona.
Come può un amministratore o un utente identificare in modo univoco una sottocategoria? Devono forse utilizzare il percorso parentcategory-subcategory? (o parent-child-grandchild quando verrà rilasciata tale funzionalità). Questo sembra un po’ macchinoso.
È probabilmente possibile far sì che il componente deduplichi le sottocategorie con lo stesso slug sotto genitori diversi, ma ciò richiederebbe un modo per passare lo slug della categoria genitore nelle impostazioni del componente. A mio avviso, non sarebbe molto elegante.
Puoi provare a cambiare lo slug per una delle due categorie che hanno lo stesso slug? C’è un motivo per cui non puoi farlo (deve essere cambiato solo lo slug, non il nome della categoria)?
Sì, sembra essere la strada da seguire, dato che gli slug delle sottocategorie in categorie genitore diverse non devono essere unici.
Detto questo, può essere effettivamente trasformato in un vantaggio come funzionalità. Ad esempio, se hai categorie basate su gruppi, molte delle quali hanno forum di aiuto e annunci come sottocategorie, puoi facilmente impostare un’icona di aiuto comune per tutte le categorie di aiuto e un’icona comune per tutte le categorie di annunci utilizzando solo due voci. E qualsiasi nuova sottocategoria con il tag “aiuto” acquisirà automaticamente l’icona.
Per il nostro caso d’uso, ho portato questo concetto un passo oltre, rendendolo effettivamente un’opzione per una corrispondenza parziale dello slug, in modo che una voce “aiuto,interrogazione,#000080,false” corrisponda a “sw-aiuto”, “aiuto-forum” e “helpdesk”.
L’elemento aggiuntivo “false” alla fine della voce indica di non imporre una corrispondenza esatta.
Ho anche l’opzione di specificare il colore come “catcol”, nel qual caso l’icona assumerà il colore della categoria invece di utilizzare uno specificato separatamente.
Due suggerimenti da includere in un aggiornamento per te.
Credo che il componente abbia utilizzato in passato una corrispondenza parziale, il che ha creato confusione per alcuni utenti che volevano un’icona per “book” ma non per “booking”. Tuttavia, con la possibilità di attivare o disattivare questa opzione per impostazione, sarebbe molto utile. (Forse potresti usare partial-match invece di false come ultimo elemento, sarebbe più chiaro.)
È un’aggiunta molto carina.
Sarei felice di revisionare una PR per una di queste funzionalità. Grazie!
Allow slug partial-match option by rogercreagh · Pull Request #5 · discourse/discourse-category-icons · GitHub è stato unito, grazie @rogerco!
Ho riscontrato un piccolo problema con l’opzione del colore della categoria quando le impostazioni utilizzano elenchi puntati o riquadri invece delle barre: l’opzione è stata creata solo per le barre e, nelle altre opzioni, torna al grigio. Penso che si possa risolvere principalmente tramite CSS, ma non ci sono ancora riuscito. Ci riuscirò!
Grazie per questo ottimo tema @pmusaraj! ![]()
Vorrei utilizzare l’icona dei COMMENTI, ma non mi piace molto la versione solida. Quando uso comments ottengo la versione solida. La versione solida viene solitamente fornita come “fas fa-comments”.
Cosa succede se volessi utilizzare la versione regolare, che viene solitamente fornita come “far fa-comments”?
Tra le seguenti varianti, alcune richiedono un abbonamento a pagamento. C’è un modo per selezionare varianti diverse o la versione solida è l’unica disponibile?
Ho aggiunto al mio tema quanto segue:
- $icons-sprite: icons8-chat.svg
Come posso ora aggiungerlo alle impostazioni del tema? Ecco cosa ho provato a fare…
Usa “far-comments” in entrambe le impostazioni, così:
Le versioni a pagamento non sono disponibili pubblicamente, quindi non possiamo includerle in Discourse. Se la loro licenza lo consente, puoi aggiungerle in uno sprite SVG personalizzato nel tuo tema. Le istruzioni complete si trovano in Introduzione a Font Awesome 5 e alle icone SVG; leggi attentamente la sezione “Aggiunta di icone personalizzate”.
Grazie per l’aiuto! L’aggiunta di far-comments a entrambe le aree ha funzionato perfettamente!
Puoi dare un’occhiata veloce a un’altra domanda che ho fatto (in risposta a un altro tuo commento in questo argomento)…
Ciao, componente tema fantastico! Sto avendo difficoltà ad aggiungere Font Awesome o caricamenti utilizzando l’upload di icone-sprite. Riesco a visualizzare solo question-circle. Cosa sto sbagliando? Devo aggiungere del codice CSS?
Foto sotto
E
I nomi di Font Awesome dicono sempre “non trovato” e “crea”? Ho provato sia il nome diretto che il prefisso, ad esempio bullhorn o fa-bullhorn.
Aggiornamento: Font Awesome funziona. Ho trovato l’icona SVG nelle impostazioni per aggiungerla, ma non sta utilizzando l’impostazione del colore come per question-circle.
Vorrei usare icone SVG personalizzate, ma ho bisogno di una guida per principianti su come fare.
Guardando il sito nel tuo profilo, vedo le icone per le categorie, quindi forse hai già risolto il problema? Se non è così, dallo screenshot sopra, penso che tu debba assicurarti che il file SVG in icons-sprite sia un file SVG sprite (non un’icona singola). Maggiori dettagli su Replace Discourse's default SVG icons with custom icons in a theme