Header formatting on email version of TWiR is not line breaking correctly · rust-lang/this-week-in-rust#3592

(10 留言) (0 反應) (0 負責人)HTML (1,932 star) (1,010 fork)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
議題類型: bug
難度: 2
預計時間: under 1 hour
活動狀態: stale
清晰度: clear
前置要求: CSS basicsHTML email rendering
新手友善度: 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.