rust-lang/this-week-in-rust

Header formatting on email version of TWiR is not line breaking correctly

Open

#3,592 opened on 2022年8月26日

GitHub で見る
 (10 comments) (0 reactions) (0 assignees)HTML (1,932 stars) (1,010 forks)batch import
bughelp wanted

説明

The title image and header of the email are not breaking correctly in the generated HTML code for the TwiR email issue.

The break should be placed after the "This Week in Rust" title image. Instead, the line is currently breaking after the "This" in the text header.

The email code is being generated by the optimize-email Makefile job, which uses the website code (via the make build && make generate-website && make host-content command) to create an email using juice.

<td style="font-family: 'Helvetica Neue', Helvetica, sans-serif;">
  <img class="wrapper-image " src="https://this-week-in-rust.org/images/logo32.png" alt="This Week in Rust" style="width: 30px; vertical-align: bottom; max-width: 100%;" width="30">
  <span class="wrapper-header-01" style="line-height: 27px; font-size: 23px; font-weight: bold; color: #444444;">This Week in Rust</span>
</td>

Narrow window: Screen Shot 2022-08-25 at 6 25 39 PM

Wide window: Screen Shot 2022-08-25 at 6 23 48 PM

コントリビューターガイド

技術スタック
htmlcss
領域
frontend
Issue 種別
bug
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
under 1 hour
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
CSS basicsHTML email rendering
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
75
調査方針
Examine the email generation code in the repository, particularly the Makefile’s `optimize email` target and the associated HTML template. Look for the inline styles that control the img and span elements. Consider adding a clear break (e.g., a <br> or using CSS display block) after the image to ensure proper line breaking. Test with different email widths to verify the fix.