mirror of
https://github.com/zulip/zulip.git
synced 2025-10-23 04:52:12 +00:00
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.
(cherry picked from commit 673e98e982
)
This commit is contained in:
committed by
Alex Vandiver
parent
62b1652b3a
commit
4c4ec78a3a
@@ -52,6 +52,12 @@ table.layout > tbody > tr > td {
|
|||||||
padding: 10px;
|
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
|
/* Our newsletters/marketing emails use a wider content width, to
|
||||||
support more complex content with text to the side of images. */
|
support more complex content with text to the side of images. */
|
||||||
.container.wide-container {
|
.container.wide-container {
|
||||||
|
Reference in New Issue
Block a user