Style changes made in email editor are not reflected in the preview or in sent emails

[donnapep]

Steps to Reproduce

1. Go to Sensei LMS > Settings > Emails.
2. Enable the Course Completed email and then edit it.
3. Change the styles in some way (e.g. change the button colors and center align it).
4. Save and preview.
5. Complete a course as a student.

What I Expected

The styling changes to be reflected in both the preview and in the sent email.

What Happened Instead

The button has no background color and isn't center-aligned.

Note that the scope of this bug is larger than just the buttons. None of the style changes that are made in the editor are applied in the actual email.

Some of these changes aren't applied in the editor either. For example, changing the background and text color of dynamic text works in the editor (e.g. [course:name]), but only the background color works for static text.

We need to check every element in our emails (i.e. title, content and buttons) to ensure block styles (color, typography*, dimensions etc.) work for all of them.

*We don't need to make relative units work as per #6566.

Screenshot / Video

Editor

Preview

Email

[donnapep]

Related #6691?

[donnapep]

6220055-zen

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 6220055-zen