Per gli argomenti senza immagini, voglio che sia visibile solo il titolo dell’argomento. C’è un modo per farlo?
Sono riuscito a farlo con un po’ di CSS
.topic-list-thumbnail.no-thumbnail {
display:none;
}
1 Mi Piace
Grazie mille, era esattamente quello che stavo cercando.
Un post è stato unito a un argomento esistente: Come visualizzare estratti di contenuto nel componente tema Topic List Thumbnails se non c’è immagine in un argomento?
Grazie agli autori. È un ottimo componente.
Ci sono alcuni problemi in modalità muratura (masonry). Quando le miniature vengono recuperate da modi diversi, immagini caricate, loghi e immagini tratte da link e immagine segnaposto, la soluzione attuale utilizza l’effetto sfocatura (blur) per occupare la larghezza inutilizzata.
Penso che il modo migliore sia utilizzare let thumbnail per occupare l’intera larghezza del contenitore e poi lasciare che l’altezza occupi naturalmente lo spazio mantenendo il rapporto immagine.
Ho provato a personalizzare il CSS ma i problemi come miniature e testo si sovrappongono e non riesco a risolvere. Mi aspetto che una versione più recente lo risolva per me.
1 Mi Piace
2 messaggi sono stati spostati in un nuovo argomento: Disabilitare le miniature su dispositivi mobili rompe la visualizzazione mobile
Grazie mille, David Taylor, per un componente tema così straordinario!
Nello stile blog, sembra che il conteggio delle risposte non funzioni:
Apprezziamo molto se puoi risolvere il problema, grazie mille!!!
1 Mi Piace
Grazie per aver segnalato il problema, ho appena apportato una modifica per risolverlo qui: UX: fix reply count in blog style - Pull Request #99 - discourse/discourse-topic-thumbnails - GitHub
1 Mi Piace
Sto utilizzando il componente “Miniature nell’elenco dei topic” sul mio forum Discourse. Nella visualizzazione mobile, i topic senza un’immagine in evidenza mostrano un’immagine miniatura predefinita/di riserva.
Fai visualizzare i topic senza immagine come una riga di topic normale, solo testo, senza riservare spazio per la miniatura o lasciare un vuoto a sinistra.
Esiste un’impostazione, una soluzione CSS o una personalizzazione del componente tema che possa ottenere questo risultato?
Ho trovato una soluzione con Claude AI
/* Nascondi l'anteprima su mobile per gli argomenti senza immagine */
.mobile-view .topic-thumbnails-list .topic-list-thumbnail.no-thumbnail {
display: none !important;
}
/* Correggi il layout a griglia per gli argomenti senza immagine (nessuna colonna anteprima) */
.mobile-view .topic-thumbnails-list .topic-list-body .topic-list-item:has(.no-thumbnail) .right {
grid-template-columns: auto 15% !important;
grid-template-areas:
"title replies"
"data data" !important;
}