Serve aiuto per impostare le immagini dell'elenco delle categorie

Ciao!

Vorrei visualizzare le immagini delle categorie nell’elenco delle categorie, più o meno nello stesso modo in cui vengono mostrate le foto degli utenti nella visualizzazione recente Categorie - Discourse Meta.

Sono riuscito a ottenere un risultato simile a quello che desideravo smanettando un po’ nella modalità di ispezione di Chrome.

Pensi che questo sia realizzabile tramite CSS o devo modificare i template HTML?

Il sito è online all’indirizzo APF - Auberge du Pixel Fringant (apfcommu.ga) se vuoi vederlo dal vivo.

Grazie per il tuo tempo :slight_smile:

Ciao!

Direi che è molto probabile e sembra che tu abbia già trovato la strada sperimentando con Chrome. Quindi, se la tua domanda è più “dove applicare le mie modifiche?”, troverai un esempio qui:

e molti altri qui: Search results for 'category-list' - Discourse Meta

Non proprio, ho barato spostando alcuni elementi HTML.

Nell’esempio, ci sono riusciti rimuovendo le descrizioni delle categorie e aggiungendo le descrizioni direttamente alle immagini. Preferirei evitare di farlo.

Ah, capisco, scusa :sweat_smile:
quindi, dato che non sono molto bravo con il CSS e non sono sicuro che tu debba imboccare la strada di position : relative, nel caso in cui tu scelga di riorganizzare l’HTML, questo potrebbe esserti più utile:

e c’è https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/templates/navigation/category.hbs , ma per apportare alcune modifiche a discourse/app/views/categories/index.html.erb at main · discourse/discourse · GitHub , probabilmente avrai bisogno di un plugin.

Anch’io non sono molto bravo con il CSS.

Grazie per le risorse, cercherò di darci un’occhiata quando avrò un po’ più di tempo.

Probabilmente dovrò percorrere la strada dei plugin…

Utilizzerei questo nuovo componente:

Ti fornirà un markup più pulito da stilizzare con CSS e avrà lo stesso aspetto su desktop e mobile, con selettori di classe quasi identici.