Icone delle categorie

Ciao a tutti - ho installato il plugin, ma non riesco a trovare dove configurarlo?

È compatibile con 2.6.0.beta2?

Ecco il mio app.yml

hooks:
  after_code:
    - exec:
	cd: $home/plugins
        cmd:
          - git clone https://github.com/discourse/docker_manager.git
  ##        - git clone https://github.com/discourse/discourse-adplugin.git
  ##        - git clone https://github.com/discourse/discourse-solved.git
  ##        - git clone https://github.com/discourse/discourse-akismet.git
  ##        - git clone https://github.com/discourse/discourse-bbcode.git
  ##        - git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
  ##        - git clone https://github.com/tshenry/discourse-versatile-banner.git
          - git clone https://github.com/discourse/discourse-category-icons.git

## Qualsiasi comando personalizzato da eseguire dopo la build

Ho ricostruito l’app, ma non riesco a vedere nulla nel pannello di amministrazione per la configurazione?

Per favore, aiutatemi.

1 Mi Piace

Ciao, questo non è un plugin! È un componente del tema.

Si prega di leggere come installare un componente del tema: Installing a theme or theme component

Modifica: Anche questi sono componenti del tema, quindi installarli in questo modo :arrow_up:

- git clone https://github.com/discourse/Discourse-Tiles-image-gallery.git
- git clone https://github.com/tshenry/discourse-versatile-banner.git
6 Mi Piace

Grazie, Don, sei una stella - come puoi vedere, sono nuovo su questa piattaforma

Ant

2 Mi Piace

Ciao, ho appena creato una PR per aggiungere una nuova opzione per specificare il colore dell’icona come “catcol”, che farà sì che questa acquisisca il colore della categoria (come visibile nella striscia della categoria e impostato in Modifica categoria | Generale | Colore di sfondo).

Esempio: “test,hands-helping,catcol,partial”

Questa opzione è particolarmente utile con la corrispondenza parziale del nome, in modo che, nell’esempio, la stessa icona possa essere utilizzata per tutte le categorie contenenti “test” nel loro slug, ma ognuna acquisirà il proprio colore della categoria invece di utilizzare sempre lo stesso. Offre inoltre un’alternativa rapida alla selezione di un colore per un’icona occasionale (corrispondenza esatta): basta utilizzare il colore della categoria.

Ciò sarà anche utile con una futura opzione proposta per far sì che l’icona sostituisca la striscia della categoria mantenendo il suggerimento del colore della categoria – argomento di una futura PR.

RogerCO

3 Mi Piace

La PR di @rogerco è stata unita: ora puoi usare il colore della categoria aggiungendo la parola chiave speciale “categoryColour” dove dovrebbe andare il colore dell’icona. Grazie Roger!

2 Mi Piace

Il colore non viene applicato alle icone nella visualizzazione /categories?

2 Mi Piace

Ah, scusa per questo, dovrebbe essere risolto ora.

2 Mi Piace

Ciao, questo componente richiede FontAwesome o posso usare le mie icone?

1 Mi Piace

Non so se possa essere utile a qualcun altro, ma ho inviato una pull request per discourse-category-banners per mostrare l’icona di discourse-category-icons accanto al titolo del banner. La sto utilizzando in produzione qui.

9 Mi Piace

Grazie @renato, la tua PR è stata unita.

6 Mi Piace

Questa è una bella aggiunta, ma non funziona come previsto se il colore dell’icona della categoria è impostato sullo stesso colore della categoria (nel tuo esempio usi il nero predefinito per le icone delle categorie e vengono invertite in bianco, come il titolo).

Forse il colore dell’icona nel titolo dovrebbe essere impostato esplicitamente sullo stesso colore del titolo, in modo da poter utilizzare icone di qualsiasi colore?

3 Mi Piace

Ho avuto lo stesso problema sulla mia istanza, ma ho capito che omettendo il colore dell’icona della categoria, questa assume il colore appropriato: bianco quando è nel renderer della categoria image e nel titolo del banner, ma nero quando lo sfondo è bianco: image.

Tuttavia, se non utilizzi lo stile di categoria box e il colore dell’icona della categoria è impostato sullo stesso colore dello sfondo della categoria, hai ragione: l’icona diventa “invisibile”.

Potremmo impostarla esplicitamente su un altro valore, certo. Il titolo del banner usa il colore della categoria; forse questa è la scelta più sicura, come hai suggerito. @pmusaraj, che ne pensi?

4 Mi Piace

Sì, va bene per me.

2 Mi Piace

Ciao. Questo è un ottimo componente. È possibile disattivare le icone delle categorie quando vengono visualizzate nelle liste delle categorie? Nel nostro caso, vogliamo utilizzare le icone delle categorie in tutti gli altri contesti in cui appaiono, ma non nell’elenco a discesa delle categorie.

1 Mi Piace

Sì, puoi aggiungere del CSS per nascondere le icone nelle liste specifiche.

2 Mi Piace

Ciao Penar. Ti segnalo che vogliamo mantenere le icone per tutte le categorie, ma disabilitare la visualizzazione dell’icona solo nel menu a tendina del controllo dell’elenco delle categorie. Ho provato a lavorare con le classi “fa d-icon d-icon-lock svg-icon svg-string” e “category-name”, ma senza successo. Dove dovrei applicare le impostazioni CSS? Puoi suggerirmi delle impostazioni da provare?

Grazie,
Doug

3 Mi Piace

Certo, posso aiutarti. Puoi pubblicare uno screenshot dell’elemento dell’interfaccia utente in cui desideri nascondere le icone? Non sono sicuro al 100% di aver capito esattamente, ma con uno screenshot dovrei essere in grado di inviarti il CSS necessario per nascondere le icone solo in quel contesto specifico.

3 Mi Piace

Ciao Penar,

Ottimo. In allegato trovi uno screenshot di un esempio di test in cui non vorremmo che l’icona venga visualizzata.

. Questo screenshot mostra un’icona a freccia visualizzata nel menu a discesa dell’elenco delle categorie. Vogliamo invece che l’icona venga mostrata in altre posizioni del sito (vedi il secondo screenshot) Screen Shot 2021-02-08 at 9.59.36 AM|690x356, ad esempio dove appaiono i post. Alcuni utenti qui hanno richiesto qualcosa di simile a questa icona a freccia per poter tornare facilmente all’inizio di una categoria dopo aver visualizzato un post. Ho suggerito altri modi per farlo utilizzando l’interfaccia web di Discourse, ma desiderano comunque che questa richiesta venga implementata.

Grazie,
Doug White
Carolina Health Informatics Program
Università della Carolina del Nord a Chapel Hill

1 Mi Piace

Hmm, il CSS per fare questo è il seguente:

.select-kit-row .category-badge-icon {
    display: none;
}

Tuttavia, incontrerai problemi altrove: il badge della categoria viene visualizzato in molti punti e quella freccia risulterà più spesso confusa che utile.

1 Mi Piace

Sì, lo so. L’ho detto loro, ma mi è stato chiesto di farlo comunque. C’è un modo per impedire che l’icona appaia nel controllo stesso? È ancora visibile in alto nel controllo dell’elenco.

.

1 Mi Piace