Icone delle categorie

what does “icon” stand for in settings?

Is it exact name of some icon from svg site? How do I get the exact name?

1 Mi Piace

That could indeed be a great improvement!

1 Mi Piace

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?

2 Mi Piace

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)

subcategory-view-missing-category-icon

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;
}

subcategory-view-missing-category-icon-fixed

Category lock icon next to category doesn’t change to new svg

Categories view:
category-view-lock-icon

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

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.

Please help @pmusaraj @tshenry

2 Mi Piace

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…

1 Mi Piace

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

1 Mi Piace

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?

1 Mi Piace

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.

1 Mi Piace

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.

2 Mi Piace

È 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)?

3 Mi Piace

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.

3 Mi Piace

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!

5 Mi Piace

Allow slug partial-match option by rogercreagh · Pull Request #5 · discourse/discourse-category-icons · GitHub è stato unito, grazie @rogerco!

3 Mi Piace

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ò!

3 Mi Piace

Grazie per questo ottimo tema @pmusaraj! :raising_hands:

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?

3 Mi Piace

Ho aggiunto al mio tema quanto segue:

Come posso ora aggiungerlo alle impostazioni del tema? Ecco cosa ho provato a fare…

2 Mi Piace

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”.

4 Mi Piace

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)…

1 Mi Piace

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.

1 Mi Piace

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

6 Mi Piace