mirror of https://github.com/zulip/zulip.git
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.
This commit is contained in:
parent
20dc70d395
commit
673e98e982
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue