Add style for images on email to turn them responsiveness (#7247)

* Change property for max-width to turn more responsive * Change css property for images to turn more responsive in mention email
2020-04-26 07:33:16 -03:00 · 2020-04-26 07:33:16 -03:00 · d989b9d842
commit d989b9d842
parent 5d97ca86c5
2 changed files with 20 additions and 0 deletions
--- a/app/views/mailers/notify_mailer/new_mention_email.html.erb
+++ b/app/views/mailers/notify_mailer/new_mention_email.html.erb
@ -1,3 +1,13 @@
+<head>
+    <style type="text/css">
+      img {
+        max-width:100%;
+        height:auto;
+        border:none
+      }
+    </style>
+</head>
+
 <h2 style="font-size:25px;">
  <a href="<%= user_url(@mentioner) %>"><%= @mentioner.name %></a> just mentioned you in their <%= @mention.mentionable_type.downcase %>!
 </h2>
--- a/app/views/mailers/notify_mailer/new_reply_email.html.erb
+++ b/app/views/mailers/notify_mailer/new_reply_email.html.erb
@ -1,3 +1,13 @@
+<head>
+    <style type="text/css">
+      img {
+        max-width:100%;
+        height:auto;
+        border:none
+      }
+    </style>
+</head>
+
 <h2 style="font-size:25px;"><%= link_to(@comment.user.name, "#{user_url(@comment.user)}/#{}") %> replied to you on <%= community_name %></h2>
 <table>
  <tr>