Automattic / Automattic/jetpack

Improve the way the Cover Block is rendered in notification emails

Open
#19,326 1 comment 0 reactions 0 assignees View on GitHub
[Feature] Subscriptions [Plugin] Jetpack [Pri] Low Bug Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

#### Steps to reproduce the issue

1. Subscribe by email to your own site.
2. Create a new post on that site. Be sure to include a Cover Block on the post
3. Look at the email notifying the new post

#### What I expected
I expected the image in the cover block to be managed better. I realize that it is next to impossible to emulate the way the image looks on the cover block itself, but it should at least use up all available with (instead of showing scaled down, `?w=560` on top of grey background).
pened instead

**Screenshots**

Original post:
![Screen Shot on 2021-03-28 at 16:35:03](https://user-images.githubusercontent.com/4452464/112756028-8ebc8600-8fe3-11eb-8477-d6d3af38a55e.png)

Email:
![Screen Shot on 2021-03-28 at 16:30:48](https://user-images.githubusercontent.com/4452464/112756015-83695a80-8fe3-11eb-8c9d-02de69764426.png)

I would suggest we **send the background of the cover block as a regular image and show any embedded block AFTER the cover block**. Any content included inside the cover block is currently lost (the _This text is sitting on top of a cover block_ text in this case).

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue by subscribing to the site by email, publishing a post with a Cover Block, and inspecting the notification email alongside the linked screenshots. Trace how the Cover Block is rendered in notification emails; done means the image uses the available width and embedded Cover Block content is preserved after it.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
32/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.