Grazie, ci provo.
Controlla anche /latest.json e i dati in arrivo per le miniature: verifica che gli URL funzionino, ad esempio
Oggi ho trasferito i miglioramenti relativi alle immagini in evidenza dal TC al plugin, quindi ora puoi avere immagini in evidenza su dispositivi mobili e la formattazione è notevolmente migliorata.
Questo potrebbe alterare alcuni CSS personalizzati che hai sviluppato, mi dispiace, ma è praticamente inevitabile. I miglioramenti ne varranno comunque la pena.
Ricorda che puoi impostare la larghezza orizzontale a zero per consentire al layout di determinare la larghezza in base al rapporto d’aspetto, garantendo un aspetto più ordinato. Puoi anche nascondere gli estratti nelle impostazioni se gli spazi risultano troppo stretti a causa delle immagini o delle impostazioni.
Questo sito sta attualmente utilizzando il plugin:
NB: su Safari l’aspetto è leggermente migliore grazie alla sua barra di scorrimento più elegante ![]()
Ehi, dopo l’aggiornamento ho una barra di scorrimento orizzontale inutile. Come potrei rimuoverla? ![]()
Attualmente ho rimosso quella barra di scorrimento modificando il CSS:
.tlp-featured-topics.has-topics .topics {
overflow-x: hidden;
}
Sì, è l’approccio corretto. Non vedo che stia andando in overflow in questo momento. A proposito, quella barra di scorrimento sembra molto meno brutta su Safari.
Sfortunatamente, quell’approccio ti impedirà di scorrere se le immagini in evidenza diventano significativamente più numerose e si estendono verso destra.
Quindi un altro approccio: pubblica molto più contenuto in evidenza!!
Comunque, puoi sperimentare con lo stile della barra di scorrimento. Purtroppo è complicato dal fatto che non è standard su tutti i browser. Ad esempio:
/* Funziona su Firefox */
* {
scrollbar-width: thin;
scrollbar-color: grey darkgrey;
}
/* Funziona su Chrome, Edge e Safari */
*::-webkit-scrollbar {
height: 6px;
}
*::-webkit-scrollbar-track {
background: darkgrey;
}
*::-webkit-scrollbar-thumb {
background-color: grey;
border-radius: 0px;
border: 0px solid grey;
}
fonte: How to Customize Scrollbars with CSS: Styling Guide with Examples | DigitalOcean
Grazie! È una soluzione ottima ![]()
Ciao @merefield, grazie mille per il plugin, è molto popolare nella nostra community. Lo utilizziamo in una configurazione piuttosto minimale, solo per visualizzare le miniature degli argomenti nelle liste degli argomenti, nient’altro in realtà.
Tuttavia, dopo alcune settimane di utilizzo, abbiamo dovuto disabilitarlo, poiché causa problemi piuttosto gravi durante la navigazione dentro e fuori dagli argomenti. In pratica, quando si entra in un argomento, si verifica spesso un lampeggiamento nel layout e la barra di navigazione scompare per un momento prima che l’argomento venga renderizzato. Viceversa, tornando indietro, succede la stessa cosa e la posizione di scorrimento nella lista degli argomenti viene persa. Inoltre, la navigazione dentro e fuori dagli argomenti è notevolmente più lenta rispetto a quando il plugin è disabilitato. Ecco una registrazione dello schermo di come appare su mobile (scusa per il link di gfycat, lo screenshot era troppo grande per essere caricato su Discourse).
Sai cosa potrebbe causare questi problemi e c’è qualcosa che si può fare per prevenirli? Non ci sono errori nella console o altro che possa dare un indizio su cosa non funzioni.
Ho impostato il livello di risoluzione delle miniature nella lista degli argomenti sulla configurazione più bassa, 6, poiché non abbiamo bisogno di immagini grandi, quindi la dimensione delle immagini non dovrebbe essere un fattore. Sentiti libero di farmi sapere se c’è qualche altra informazione che potrei fornire per aiutare.
Grazie per il rapporto. Per curiosità, hai provato il TC?
No, non l’ho ancora provato. Se pensi che possa migliorare le cose, ci provo. È sicuro installarlo insieme al plugin (disabilitato)?
Probabilmente no, dovresti reinstallarlo.
Il comportamento che descrivi è strano. L’href dei titoli è quasi identico a quello delle miniature.
Puoi confermare che cliccando sulle miniature il problema non si manifesta? (nel plugin).
Posso confermarlo! Non me ne ero mai accorto fino a ora: cliccare sulla miniature ti porta al primo post dell’argomento. Cliccare sulla miniature è veloce come dovrebbe essere.
Grazie, ci proverò allora, anche se probabilmente non ci riuscirò stasera. Ho appena scoperto che esiste Topic list thumbnails TC; mi chiedo se potrebbe essere più adatto al nostro caso d’uso, dato che ha un ambito più limitato. ![]()
Complimenti per le risposte super veloci, a proposito!
Ho provato il TC ora e, purtroppo, mostra lo stesso comportamento.
Grazie.
Sì, è interessante.
Gli URL sono corretti, ma Ember sembra trasformare i click sui titoli in un ricaricamento completo della pagina.
Se guardi la scheda di rete del tuo browser, vedrai la differenza.
Sono abbastanza sicuro che prima non succedeva.
Il titolo viene creato dallo stesso codice nel core, quindi è molto sconcertante.
Sembra che quando ci sono immagini in cima al post, possano causare problemi di stile nel “riassunto dell’elenco degli argomenti”.
(Succede sia nel plugin che in TC)
Ecco un esempio.
Le prime due righe sono corrette, ma dopo un’immagine, lo stile della terza e quarta riga cambia. (Succede in tutti i temi che ho provato)
Con l’ispettore, sembra che il “riassunto dell’elenco degli argomenti” stia cercando di includere il link dell’immagine all’interno del riassunto, il che causa problemi di stile.
“list/topic-excerpt” è incluso nel core, purtroppo non nel plugin o in TC.
Non lo sto sovrascrivendo direttamente.
Mi chiedo se sia qualche problema legato a jQuery.
Sentitevi liberi di collaborare al debug.
Grazie per la tua rapida risposta. ![]()
Ho anche notato che alcuni link all’interno dell’estratto del post possono causare la sovrapposizione dell’immagine della tessera.
Sembra che sia causato da un link inline-onebox.
Non sono sicuro se sia correlato al core di Discourse o al plugin TLP. ![]()
Forse disabiliterò temporaneamente l’estratto per il momento.
Grazie mille ![]()
Scusa, sì, potrebbe essere il CSS. Prova a modificarlo. Il TC potrebbe avere un CSS migliore per quello… non mi ricordo ![]()
Grazie mille. ![]()
Sì, penso che tu abbia ragione: quando si usa TC, non ci sono problemi.
Il problema dell’overlap si verifica solo dopo essere passati al Plugin.\n
Speriamo che Chrome risolva presto il limite di 1000 righe per CSS Grid, così potremo sostituire completamente il Plugin con TC.
Grazie per la conferma. Cercherò di spostare quel CSS in un secondo momento. Per ora, puoi semplicemente utilizzarlo per sovrascrivere in un TC locale.






