Per favore, dimmi cosa cambiare nei file per spostare la posizione dei tag.
Penso che il titolo debba venire prima.
Prima:
Dopo:
4 Mi Piace
Grazie mille per questo meraviglioso TC. L’aspetto è davvero moderno, semplice ed elegante.
Una domanda e una richiesta:
È possibile che anche la visualizzazione dei risultati di ricerca abbia lo stesso aspetto? Sarebbe davvero bello se la visualizzazione dei risultati di ricerca fosse la stessa della visualizzazione del TC, considerando che i nostri utenti utilizzano molto la funzione di ricerca.
Ancora una volta, grazie mille per questo lavoro.
2 Mi Piace
Sarebbe bello ma sfortunatamente è un’area completamente diversa dell’app. Quindi non è possibile applicarla anche lì. Sarebbe fondamentalmente un componente completamente nuovo per ottenerlo.
3 Mi Piace
@chapoi Come posso ridurre le dimensioni dell’immagine e l’area del soggetto?
le schede argomento sono troppo grandi
1 Mi Piace
È un componente tematico davvero eccezionale, posso suggerire alcuni miglioramenti tra cui l’aggiunta di una pagina delle impostazioni per modificare quanto segue:
- Valore dell’impostazione degli angoli arrotondati o disattivato
- Valore dell’impostazione dell’ombra o disattivato
- Impostazione abilitata/disabilitata per Risposte, Visualizzazioni e Attività
- Mostra poster vero o falso
3 Mi Piace
Voglio solo condividere nel caso in cui qualcun altro lo trovi utile:
Per me, ho avuto lo stesso problema con l’altezza massima della scheda argomento non sufficientemente grande in presenza di un’anteprima: quando l’ho installato come componente del tema sul tema Minima.
Questo è il CSS pertinente che ho usato per risolverlo:
// Aumenta l'altezza massima per le schede argomento con anteprima
.topic-card:has(.topic-card__thumbnail) {
max-height: 275px;
}
(L’altezza predefinita sembrava essere 210px quando l’ho controllata nell’ispettore)
Potrebbe essere necessario regolarla, però, non l’ho controllata sulle larghezze mobili.
Prima
Dopo
4 Mi Piace
Mi stavo chiedendo se questo potesse essere configurato per scegliere quali categorie utilizzano la scheda argomento. Sarebbe fantastico se questo venisse utilizzato in Theme poiché le miniature dell’argomento non sono molto adatte ai dispositivi mobili.
Componente molto bello
3 Mi Piace
Sì, questo è ciò che intendevo con quello che ho detto prima: a seconda di altri parametri, 210px potrebbero essere troppo piccoli, o 275px potrebbero essere troppo grandi. È difficile avere una soluzione valida per tutti.
Potrei aggiungere alcune impostazioni in più (come la scelta della categoria come richiesto da @Heliosurge), inclusa forse un’impostazione di dimensione massima in modo che ogni forum possa giocarci.
5 Mi Piace
- Che dire dello scorrimento della foto verso destra?
Il posizionamento con e senza la foto è diverso e incoerente. - Sembra che il testo in basso tenda a essere tagliato poiché alcuni contenuti vengono visualizzati.
3 Mi Piace
Mi stavo chiedendo come appare questo componente del tema su Air Theme, anche combinando argomenti con e senza immagini. Sembra promettente ma non ancora perfetto. Forse solo il CSS può risolvere i problemi o forse è necessario un lavoro più approfondito.
Sembra bello su mobile!
Per ora lo disinstallerò, ma terrò d’occhio questo argomento perché sembra molto buono come inteso.
E sì, sarebbe una bella aggiunta prendere l’immagine della categoria quando l’argomento non ha un’immagine propria.
3 Mi Piace
Cosa servirebbe per far sì che il componente Topic Cards mostri non solo i 
di un argomento (come fa già ora) ma anche visualizzazioni e commenti, come fa l’ufficiale Topic List Thumbnails in modalità blog?
Topic List Thumbnails
Topic Cards
Inoltre, penso che l’uso della data dell’ultima attività da parte di Topic List Thumbnails (“1g” sopra) sia migliore della data “Pubblicato” di Topic Card. La data di attività è coerente con l’impostazione predefinita di Discourse e fornisce maggiori informazioni agli utenti. Inoltre, l’implementazione del design si adatta molto bene accanto a visualizzazioni, mi piace e post.
Nel caso ti interessi, ecco alcuni pensieri aggiuntivi dopo molte ore di test di combinazioni tra il tema predefinito, Air Theme, Topic Cards e Topic List Thumbnails, oltre a un po’ di ritocco CSS.
Mi sto orientando su Topic Cards + tema predefinito, ravvivato con Modern Category + Group Boxes che porta le schede per le categorie e si adatta alle schede degli argomenti.
Motivazioni:
- Topic Cards gestisce elegantemente post con e senza immagini.
- Il tema Air è molto bello ma Topic Cards più Modern Category ci arriva quasi.
- Rimanere con il tema predefinito garantisce la compatibilità immediata con qualsiasi componente tematico ufficiale.
3 Mi Piace
Ok, forse questa domanda è più semplice: 
Attualmente gli argomenti suggeriti alla fine di ogni pagina vengono mostrati anche come schede. Mentre adoro le schede nelle pagine principali, penso che siano eccessive alla fine di tutte le pagine e distraggono dal contenuto o dalla discussione effettiva della pagina.
C’è un modo per mostrare un semplice elenco di argomenti suggeriti (il più vicino possibile al tema predefinito) senza influire sulle schede degli argomenti nelle pagine principali?
2 Mi Piace
Al momento no, ma secondo me è una buona richiesta, quindi puoi sempre provare a fare una richiesta di funzionalità e magari verrà presa in considerazione in quel modo.
3 Mi Piace
Ok, grazie. Fatto, anche per la mia altra richiesta qui sopra:
- Don't show Topic Cards' style in the Suggested topics
- Add icons for Views and Replies, and Last Activity date in Topic Cards
E a proposito, ieri ho provato questo, perché mi sono imbattuto nello stesso problema di contenuti che fuoriuscivano dalle schede:
Non ha rovinato la visualizzazione mobile? L’ho appena provato e nel mio caso la rovina.
3 Mi Piace
Ci darò un’occhiata. Come minimo aggiungerò un’impostazione per l’altezza, per facilitare le modifiche. Imposterò un promemoria per non dimenticarlo.
5 Mi Piace
Alcune osservazioni che potrebbero aiutare a limitare l’altezza delle schede argomento. Non l’ho testato a fondo, ma sembra che…
- Mentre la descrizione è sempre limitata a tre righe, il titolo potrebbe saltare a due o più righe. È relativamente facile che un titolo necessiti di una seconda riga e il design potrebbe tenerne conto.
- Quando ci sono molti tag e non entrano accanto alla categoria, saltano tutti su una nuova riga sottostante. Sarebbe più naturale ed efficiente in termini di spazio se i tag iniziassero sempre a essere visualizzati accanto alla categoria, e poi i tag che non entrano nella prima riga andassero a capo nella seconda.
- “Pubblicato [data]” e il sono attualmente su una nuova riga sotto l’autore. Tuttavia, l’elemento “Pubblicato” potrebbe essere accanto al allineato a destra, sulla stessa riga dell’autore. Questo risparmierebbe spazio verticale su ogni voce e ridurrebbe il rischio che il contenuto fuoriesca.
Nel caso in cui la spiegazione sui tag non sia chiara. Qui puoi vedere come iniziano su una nuova riga invece di iniziare accanto alla categoria come fanno per impostazione predefinita:
3 Mi Piace
Mi stavo chiedendo se fosse tecnicamente possibile forzare un limite di 1 riga per i tag, proprio come c’è un limite di 2 righe imposto sul titolo e di 3 righe sulla descrizione.
La maggior parte delle istanze di Discourse utilizzerà da 0 a 5 tag e una riga è più che sufficiente per loro. Alcuni (come la nostra) potrebbero utilizzare i tag in modo estensivo, ma non abbiamo bisogno di vederli tutti sulle schede degli argomenti. Vedere solo i primi è sufficiente per dare un’idea.
L’aggiunta di vincoli al numero di righe renderebbe le schede degli argomenti più affidabili con diverse dimensioni e proporzioni delle immagini:
- 1 riga per categoria e tag
- Fino a 2 righe per il titolo
- Fino a 3 righe per la descrizione
- 1 riga per autore, data di pubblicazione e like.
3 Mi Piace
A titolo informativo, ci occuperemo di questo su Add icons for Views and Replies, and Last Activity date in Topic Cards.
4 Mi Piace
Ah sì, ho dimenticato di commentare qui con il mio aggiornamento: ho dovuto aggiungere quel codice solo a desktop.scss invece che a common.scss
Non posso più modificare il mio commento originale, ma l’ho aggiornato nel mio componente tema: Minima Adjustments for Topic Cards
3 Mi Piace