Problem/Motivation

HTML emails on Educare sites take the logo from the default theme, which is logo.svg. Many email clients cannot show SVG images, including Outlook for Windows and Gmail webmail, so those readers see no logo.

The theme also ships logo.png, but it is 476×144, so an email would show it at several times the header size.

Steps to reproduce

  1. Install Varbase 11.0.x-dev with Educare 1.0.x-dev.
  2. Send any HTML email (for example a password reset) and open it in Outlook for Windows or Gmail webmail.
  3. The header has no logo.

Proposed resolution

Add logo-email.png: logo.svg as a 99×30 PNG, the size the site header shows the logo at (1.88rem tall). The Easy Email Theme template sets no width on the logo, so a larger image would show at its full pixel size. The README says what the file is for. Same approach as Varbase Theme - Bootstrap 5 in #3637288.

Educare then points the email logo at it (see Related issues), so this should be released first.

Remaining tasks

  • ✅ File an issue
  • ✅ Addition/Change/Update/Fix
  • ❌ Testing to ensure no regression
  • ➖ Automated unit/functional testing coverage
  • ❌ Developer Documentation support
  • ➖ User Guide Documentation support
  • ❌ UX/UI designer responsibilities
  • ➖ Accessibility and Readability
  • ❌ Reviewed by a human
  • ❌ Code review by maintainers
  • ❌ Full testing and approval
  • ❌ Credit contributors
  • ❌ Review with the product owner
  • ✅ Update Release Notes
  • ✅ Release

User interface changes

  • N/A

API changes

  • N/A

Data model changes

  • N/A

Release notes snippet

  • Added logo-email.png, a PNG logo for HTML emails.

AI-Generated: Yes

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

rajab natshah created an issue. See original summary.

rajab natshah’s picture

Status: Active » Needs review
Related issues: +#3637903: Use a PNG logo in HTML emails instead of the SVG site logo

rajab natshah’s picture

Issue summary: View changes
Status: Needs review » Fixed
Issue tags: +vartheme_bs5_educare-1.0.7

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.