Anteprime dell'elenco argomenti (TLP)

Sì, le immagini in primo piano non sono abilitate per impostazione predefinita… devono essere attivate nelle impostazioni del componente del tema. Cerca tutte quelle impostazioni con “Immagini in primo piano” nella descrizione.

Nota anche che se scegli di identificare le cose per tag, assicurati che quegli argomenti siano taggati.

Noto che l’intero div con “tiles-grid-item topic-list-item” diventa grigio al passaggio del mouse e il cursore diventa un puntatore al passaggio del mouse - tuttavia l’intero elemento/scheda non è cliccabile, ma solo il testo e il titolo. Potrebbe essere modificato in modo che l’intero elemento/scheda sia cliccabile?

Come e perché l’ho trovato e vorrei richiedere una modifica: nel caso in cui abbia un titolo breve - lo spazio a destra del titolo non è cliccabile ma lo sfondo grigio/cursore puntatore me lo dice. Nel mio caso ho anche impostato le immagini al 25% della larghezza - quindi tutto lo spazio attorno all’immagine non è cliccabile ma lo sfondo/cursore me lo dice.
Per me sembra che il problema sia causato dal fatto che il link è collegato al testo e all’immagine e non al div circostante - che imposta il cambio di colore dello sfondo/cursore al passaggio del mouse.
Ho provato a giocare con il CSS per cambiarlo - ma non ho trovato una soluzione funzionante poiché sto solo lavorando in modalità prova/errore in CSS - e non ho conoscenze di JS.

1 Mi Piace

Il titolo, l’anteprima del testo e la miniatura dovrebbero essere tutti cliccabili.

Ho sperimentato con l’intera superficie cliccabile (il che ha senso funzionalmente, di sicuro!), ma ciò ha causato un problema con EmberJS e il clic sul titolo ha smesso di funzionare, quindi l’ho rimosso.

Il problema deriva dal fatto che sto usando il componente Title standard e annidarlo all’interno di un link sembra causare problemi?

Se riesci a farlo funzionare, sentiti libero di aprire una PR.

Potrebbe essere necessario un grosso refactoring tra qualche mese a causa delle imminenti modifiche al core, quindi se non l’hai affrontato entro allora potrei prenderlo in considerazione allora.

haha, mi onori - ma per ora questo va ben oltre le mie competenze CSS/JS - quello che farò invece è disattivare il cursore del puntatore per l’elemento/scheda, nonché il cambio di colore di sfondo al passaggio del mouse : )

1 Mi Piace

L’ultimo commit interrompe il componente su stable (e probabilmente anche su 3.1.0beta6 e versioni inferiori). Puoi aggiungere un file .discourse-compatibility?

1 Mi Piace

PR Benvenuti

NB Non è mai stato previsto il supporto per versioni precedenti o Stable, ma se ciò può facilitare tale operazione, procedi pure.

Puoi comunicarmi l’hash del commit della modifica principale che hai apportato più di recente?

Quindi non l’ho capito direttamente, ma ho copiato l’approccio dal PR di David a “News Plugin”, che includeva questa voce:

Stranamente questa voce non sembrava aiutare qualcuno che è stato costretto a pinnare un fork manualmente?

MA: Ho trovato il commit ed è qui: https://github.com/discourse/discourse/commit/c6cd3af5b54e124911389bf88cf0dad5aa916de6

Ma quello è contrassegnato: v3.1.0.beta7 :thinking: ?!

Quindi sto ipotizzando qui che potremmo aggiungere:

< 3.1.0.beta7: a4c3fc6ed3caf8f4aa93b20f44ad14d200794823?

@RGJ Ho proceduto e l’ho commesso:

Fammi sapere se questo risolve il tuo problema o meno…

2 Mi Piace

Sembra di sì, grazie!

2 Mi Piace

Nota, ho invertito l’ordine - penso che il commit più recente debba essere in cima.

Strano bug/comportamento.
In Admin > personalizza > Temi > Chiaro > CSS/HTML personalizzato > Footer, ho aggiunto un semplice html per aggiungere un footer alla nostra community.
Quando abilito questo componente, quell’html non viene renderizzato. Ho controllato, non è nascosto con CSS a causa di qualche strano conflitto, semplicemente non viene caricato.
Qualche idea su cosa potrebbe essere?

<div class="px-6 text-white bg-black h-[250px] md:h-[187px] lg:h-[198px] cust-footer">
	<div class="flex flex-col justify-between h-full py-10 md:flex-row-reverse md:items-center ">
		<div class="socials"><a href="https://coherence.io/discord"><img src="https://coherence.io/images/icon-discord.png" alt="Discord"></a><a href="https://www.facebook.com/coherence.io"><img src="https://coherence.io/images/icon-fb.svg" alt="Facebook"></a><a href="https://twitter.com/coherenceio"><img src="https://coherence.io/images/icon-twit.svg" alt="Twitter"></a><a href="https://www.instagram.com/coherence_io"><img src="https://coherence.io/images/icon-insta.svg" alt="Instagram"></a><a href="https://www.linkedin.com/company/coherence-io"><img src="https://coherence.io/images/icon-linkedin.svg" alt="LinkedIn"></a></div>
		<div class="flex flex-col gap-2"><a href="https://coherence.io/"><img src="https://coherence.io/images/coherence-logo-white.svg" alt="coherence logo" class="w-32 h-6 mx-auto lg:w-40 lg:h-10 logo md:-ml-2 lg:ml-0"></a><div class="copyright">©2023 coherence ApS. Tutti i diritti riservati.</div><div class="flex flex-wrap justify-center w-full gap-4 mt-8 md:mt-4 md:justify-start"><a class="text-white border-b-2 border-blue" href="https://coherence.io/privacy">Privacy Policy</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/terms">Termini di servizio</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/careers">Carriere</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/ggj">Global Game Jam</a><a class="text-white border-b-2 border-blue" href="https://coherence.io/blog">Blog</a></div></div>
	</div>
</div>

Posso chiedere - come è correlato questo al componente del tema delle anteprime dell’elenco degli argomenti?

Quindi sei sorpreso anche tu? Cercherò di illustrare:
Questa è su ogni pagina della community.

Senza il componente Anteprime abilitato. Ho un piè di pagina (giallo), con contenuto. Il ciano sono gli altri componenti principali, per illustrare la posizione del piè di pagina.

Con il componente Anteprime abilitato. Il contenuto del piè di pagina (giallo) scompare completamente, il div è vuoto.

1 Mi Piace

TLP non dovrebbe toccare affatto la pagina delle categorie (è strutturata in modo da impedire l’override discreto - inoltre non c’è spazio per le cose extra!) - a meno che tu non abbia le Immagini in Evidenza attive.

Stai vedendo elementi rossi nella console?

@per_coh Posso riprodurre il problema, grazie per la tua perseveranza.

Molto strano!!

Tuttavia, non ci sono errori Javascript per quanto ne so.

Non c’è concorrenza nemmeno per quell’outlet del plugin.

Ci darò un’occhiata più approfondita quando avrò tempo, tuttavia, sentiti libero di inviare una PR con una correzione se ne trovi una.

1 Mi Piace

Grazie @merefield, lo apprezzo molto. Adoro questo componente, è splendido e facile.
L’unica cosa che ho notato, pertinente o meno, è che l’“id” di ember del footer cambia tra 156 e 157. Quasi come se 157 fosse riservato?

@merefield questo componente sta creando problemi nella ricerca avanzata. Nonostante ci siano più risultati di ricerca (50+), ne verrà visualizzato solo uno nell’elenco.

Ecco l’errore nella console:

4 Mi Piace

Grazie per il rapporto. Ci darò un’occhiata. Quasi certamente una modifica incompatibile dal core.

1 Mi Piace

È stato corretto:

4 Mi Piace