Add a maximum line length and image size in emails

[johnbillion]

Issue Description

The text in email notifications sent out by H2 doesn't have a line length limit. This makes reading posts and replies on a laptop unpleasant and I often find myself having to click through to the post or comment to read it instead of reading it in my email client (Gmail web).

This also causes the size of inline images to blow out to fit the width, making then sometimes unnecessarily huge.

Steps to reproduce:

On a laptop or larger screen, open an email notification which contains some long paragraphs. Observe the lack of line length limit that causes both long lines of text and large images.

Expected Result:

There's a reasonable line length limit for text. This should in turn prevent the large images.

Screenshot

[kadamwhite]

@rmccue Would this be something we would need to fix in Falcon?

(I am perishingly unfamiliar with email formatting, this is an annoyance for me too so I can look into it but if anybody has a quick tip on how this is usually fixed I'm going to be starting from basics)

[rmccue]

This is indeed something for Falcon generally, although you can do it via actions and filters. The question would be, does it make sense to tie it to the theme? (Sidenote: this is just more general email CSS, rather than line length.)

…

On Wednesday, 11 May 2022, K Adam White ***@***.***> wrote: @rmccue <https://github.com/rmccue> Would this be something we would need to fix in Falcon? (I am perishingly unfamiliar with email formatting, this is an annoyance for me too so I can look into it but if anybody has a quick tip on how this is usually fixed I'm going to be starting from basics) — Reply to this email directly, view it on GitHub <#500 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAAFJFZMNFU7I5TNUNJCQGTVJP477ANCNFSM5VUHIKGA> . You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Ryan McCue Director of Product Altis DXP by Human Made

[CoreyBenefiel]

Performed in Falcon. @CoreyBenefiel to look into.

[CoreyBenefiel]

Nothing I can change as an admin.

[kadamwhite]

you can do it via actions and filters

@rmccue Do you have guidance on how to do this? I don't see any action or filter docs for Falcon, and none of the ones I see in the code after pulling the plugin down would obviously relate to styling or line length.

[rmccue]

@kadamwhite There's two main sets you could use:

• falcon.connector.wordpress.html_footer - This could be used to add style tags
• The content filters:
  • falcon.connector.wordpress.post_content_html - Filter all the post content with this
  • falcon.connector.wordpress.comment_content_html - Filter all the comment content with this

(There's similar with text content if desired)