Gmailで表示されるメールの要約のスタイルが変更されましたか?

Gmailで送信されたメールの要約を9月に見たとき、次のように表示されていました。

その後、12月初旬に送信されたものは、幅が狭く中央揃えになっていました。

12月下旬に送信されたものは、幅が狭く右揃えになっていました。

メールのスタイリングは、出荷時の状態から変更しておらず、tests-passedのすべてのリリースを把握しています。

Protonmailではこれらの違いは見られず、その期間中ずっと同じように見えます。

メールのHTMLフォーマットは非常に複雑であり、メールフォーマットのテストに関するサービス(例:Litmusのメールテストサービス)があることは承知しています。しかし、これが意図的な変更だったのか、他の修正の副作用だったのか、それとも「Gmailがランダムに動作している」のか、気になっています。

「いいね!」 5

Gmailのダイジェストでも再現できます。

@awesomerobot さんがこのコードに触れていないので、

これがなぜ起こっているのかよくわかりません。何かアイデアはありますか? @awesomerobot さん?

「いいね!」 4

Metaから自分宛にテスト要約を送信しましたが、Gmailでも中央揃えのままです…おそらく、テストでは見えない条件付きコンテンツブロックがあり、以前の変更で見落とされてレイアウトがずれているのではないでしょうか…@Falco、問題が見えるメールを転送していただけますか?

「いいね!」 1

送信しました :mailbox_with_mail:

ああ、言われてみれば、それは年次レビューのトピックが原因だったと思います!

「いいね!」 2

ahhh yes :100: — コンテンツが長すぎると、gmail によってメッセージが切り取られます。

切り取られていないメールでは、td width="650" の左と右に空の td があります(td width="650" にはコンテンツが含まれ、左右の td は残りのスペースを均等に埋めるように幅を調整し、コンテンツを中央揃えします)。

メールが切り取られると、その右側の td がなくなります。

Screenshot 2023-01-17 at 1.03.56 PM

…そのため、左側の td が利用可能な幅を埋めるように調整され、コンテンツの td が一番右に押しやられます…

メール内の各コンテンツブロックを個別に中央揃えするように修正できると思いますが、メールが切り取られた場合は、切り取られたセクションのみが正しく配置されない可能性があります…

「いいね!」 3

なるほど!右寄せの12月下旬のメール(私の場合は「年次レビュー」の前)を「メッセージ全体を表示」で開くと、中央揃えで表示されることを確認しました。

Gmailのレンダリングバグは奇妙で、全く良くありませんね。ProtonMailで表示されなかった理由もこれで分かりました。

念のためですが、この件について質問したのは、Gmailのバグを回避するために変更する義務があるという意味ではありません。何が起こったのか理解できただけで感謝しています。:tada:

「いいね!」 3

しばらく停止していたメールの問題が解決し、機能するようになりました。いくつかのテストを行ったところ、Gmailでこのように右側にすべて表示されています。

修正案はありますか?

現在、メールは先頭と末尾の列の間隔によって中央揃えされていますが、末尾が切り取られると、先頭のコンテナがコンテンツを片側に押しすぎます。修正は、各セクションを分離して個別に中央揃えすることです。これにより、メールが切り取られた場合でも、最後のセクションのみがずれます。少し手間はかかりますが、いずれは対応します。

別の解決策としては、Gmailで切り取られないように、ダイジェストから多くのコンテンツを削除することが考えられます。

「いいね!」 1

要約版で構いませんが、テンプレートとして表示されていない場合、どのように管理すればよいですか?

「いいね!」 1

アップデートをマージしました。予想よりも簡単な変更でした。これにより、長すぎてGmailに収まらない場合のレイアウトの破損のほとんどが回避されるはずです。

これは他の編集可能なテンプレートではなく、Discourseのソースのここにあります:discourse/app/views/user_notifications/digest.html.erb at main · discourse/discourse · GitHub

「いいね!」 3