Lo stile del riepilogo delle email è cambiato come visualizzato in Gmail?

Nei riepiloghi delle email inviati a settembre, li vedo stilizzati in questo modo in Gmail:

Poi, per quelli inviati all’inizio di dicembre, li vedo più stretti ma centrati:

Per quelli inviati alla fine di dicembre, li vedo più stretti e allineati a destra:

Non ho apportato alcuna modifica allo stile delle email rispetto a come è stata distribuita e ho tenuto il passo con tutte le release su tests-passed.

Non vedo nessuna di queste differenze in ProtonMail; sembrano uguali per tutto quel periodo.

So che la formattazione HTML delle email è un gran casino e sono consapevole che esiste un’intera industria di servizi dedicata al test della formattazione delle email (ad esempio, il servizio di test delle email di Litmus). Ma sono curioso di sapere se si è trattato di un cambiamento intenzionale, di un effetto collaterale di qualche altra correzione, o se “Gmail è casuale”…

5 Mi Piace

Posso riprodurre questo anche nei digest su Gmail.\n\nDato che @awesomerobot non ha toccato questo codice da\n\nSummary email needs a width limit - #4 by awesomerobot so davvero perché stia succedendo. Qualche idea @awesomerobot?

4 Mi Piace

Mi sono inviato un riepilogo di prova da Meta e questo è ancora centrato per me in Gmail… Immagino che forse ci sia un blocco di contenuto condizionale che non vedo nel test che è stato trascurato nella modifica precedente che sta spostando il layout… @Falco potresti inoltrare una delle email in cui puoi vedere il problema?

1 Mi Piace

L’ho inviata :mailbox_with_mail:

Ohhh ora che lo menzioni, penso che sia stato causato dall’argomento della revisione annuale!

2 Mi Piace

ahhh sì :100: — quando il contenuto è troppo lungo, il messaggio viene troncato da Gmail:

In un’email non troncata c’è una td vuota a sinistra e a destra della td width="650" (la td width="650" contiene il contenuto e le td a sinistra/destra regolano le loro larghezze per riempire lo spazio rimanente equamente, il che centra il contenuto)

Quando l’email viene troncata, quella td a destra non c’è:

Screenshot 2023-01-17 at 1.03.56 PM

…quindi la td a sinistra si regola per riempire la larghezza disponibile e spinge la td del contenuto completamente a destra…

Suppongo di poter risolvere questo problema facendo in modo che ogni blocco di contenuto nell’email si centri autonomamente, quindi nel caso in cui l’email venga troncata, forse solo la sezione troncata è allineata in modo errato…

3 Mi Piace

Aha! Confermo che quando apro l’email allineata a destra di fine dicembre (nel mio caso prima del riepilogo annuale) con “Visualizza messaggio completo” viene visualizzata centrata.

Che strano bug di rendering di Gmail, non meraviglioso. Spiega sicuramente perché non è apparso su ProtonMail.

Tanto per essere chiari, la mia domanda non intende implicare alcun obbligo di modificarlo per aggirare il bug di Gmail, e sono solo grato di capire cosa è successo. :tada:

3 Mi Piace

Ho appena risolto un problema di posta elettronica che era stato interrotto per un po’, ho fatto alcuni test e questo è ciò che mi arriva nella mia gmail, tutto è a destra proprio come quello

Qualche suggerimento per la correzione?

Al momento l’email è centrata tramite colonne di spaziatura all’inizio e alla fine; quando la fine viene tagliata, il contenitore all’inizio spinge il contenuto troppo da un lato. La soluzione consisterà nel separare ogni sezione in modo che vengano centrate indipendentemente; in questo modo, quando l’email viene tagliata, solo l’ultima sezione sarà disallineata. È un po’ noioso, ma alla fine ci arriveremo.

Un altro modo possibile per aggirare il problema sarebbe rimuovere una parte del contenuto dal digest in modo che non sia mai abbastanza lungo da essere tagliato da Gmail.

1 Mi Piace

Vanno bene un riassunto abbreviato, come posso gestirlo, non lo vedo come un modello?

1 Mi Piace

Ho appena unito un aggiornamento, è stato un cambiamento più facile del previsto. Questo dovrebbe evitare la maggior parte dei problemi di layout quando è troppo lungo per Gmail.

Non è un modello modificabile come gli altri, si trova nel codice sorgente di Discourse qui: discourse/app/views/user_notifications/digest.html.erb at main · discourse/discourse · GitHub

3 Mi Piace