From 673e98e9825c41894714a1187a6c649ec7aa6cec Mon Sep 17 00:00:00 2001 From: Daniil Fadeev Date: Mon, 7 Aug 2023 21:20:48 +0300 Subject: [PATCH] emails: Fix the issues with image width overflow. Images in the follow-up day 2 email were overflowing the main email layout. To prevent that, we created a separate class to handle this. --- templates/zerver/emails/email.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/templates/zerver/emails/email.css b/templates/zerver/emails/email.css index dde678ff8f..95d2ca7f08 100644 --- a/templates/zerver/emails/email.css +++ b/templates/zerver/emails/email.css @@ -52,6 +52,12 @@ table.layout > tbody > tr > td { padding: 10px; } +/* This class is used to ensure that the images' width + does not exceed the actual email layout width. */ +img.responsive-width { + max-width: 100%; +} + /* Our newsletters/marketing emails use a wider content width, to support more complex content with text to the side of images. */ .container.wide-container {