Further changes to the notification mails to improve mail client

compatibility
This commit is contained in:
Steffen Schaefer committed 2016-07-21 10:51:37 +02:00
1 parent c690cfb3c4
commit 6c2f37ab97
3 files changed
+15 -11

No files matched your search

@@ -4,8 +4,8 @@
<title>${title}</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<style>
.linkButton:active{margin:10px 10px 0px 0px;display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none}
.linkButton:visited{margin:10px 10px 0px 0px;display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none}
.linkButton:active{display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none}
.linkButton:visited{display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none}
.linkButton:hover{background-color:#2b618e;border:1px solid #204d74}
</style>
@@ -14,12 +14,12 @@
<div class="body" style="background-color:#e3e3e3;color:black;padding:40px;max-width:800px;margin:0 auto;margin-bottom:100px;font-family:'Open Sans', sans-serif">
<div class="main" style="border:1px solid black">
<div class="headerWrapper" style="background-color:black;font-size:16px;border-bottom:.2em solid #efaa00;color:white">
<div class="header" style="padding:10px">
<div class="header" style="border:10px solid black">
<img src="cid:saplogo" class="sapLogo" alt="SAP " style="height:30px;width:auto;vertical-align:middle"><span class="sailingAnalytics" style="display:inline-block;line-height:30px;vertical-align:middle">Sailing Analytics</span>
</div>
</div>
<div class="contentWrapper" style="background-color:white">
<div class="content" style="padding:20px 30px;min-height:200px">
<div class="content" style="border:20px solid white;border-right:30px solid white;border-left:30px solid white;min-height:200px">
${content}
</div>
</div>
@@ -11,10 +11,11 @@
<style type="text/css">
.buttonContainer {
display: inline-block;
border-top: 10px solid white;
border-right: 10px solid white;
}
.linkButton, .linkButton:active, .linkButton:visited {
margin: 10px 10px 0px 0px;
display: inline-block;
background-color: #337ab7;
border-radius: 4px;
@@ -24,8 +25,9 @@
}
.linkButtonContent {
padding: 15px;
border: 15px solid #337ab7;
display: inline-block;
background-color: #337ab7;
}
.linkButton:hover {
@@ -55,7 +57,7 @@
}
.header {
padding: 10px;
border: 10px solid black;
}
.contentWrapper {
@@ -63,7 +65,9 @@
}
.content {
padding: 20px 30px;
border: 20px solid white;
border-right: 30px solid white;
border-left: 30px solid white;
min-height: 200px;
}
@@ -119,11 +119,11 @@ public abstract class NotificationSetNotification<T> implements MailNotification
.append(htmlify(notificationMailTemplate.getText()))
.append("</p>");
for (Pair<String, String> link : notificationMailTemplate.getLabelsAndLinkUrls()) {
bodyContent.append("<div class=\"buttonContainer\">")
bodyContent.append("<div class=\"buttonContainer\" style=\"display: inline-block;border-top: 10px solid white;border-right: 10px solid white;\">")
.append("<a class=\"linkButton\" href=\"")
.append(link.getB())
.append("\" style=\"margin:10px 10px 0px 0px;display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none;\">")
.append("<span class=\"linkButtonContent\" style=\"padding: 15px;display: inline-block;\">")
.append("\" style=\"display:inline-block;background-color:#337ab7;border-radius:4px;color:#ffffff;border:1px solid #2e6da4;text-decoration:none;\">")
.append("<span class=\"linkButtonContent\" style=\"border:15px solid #337ab7;display:inline-block;background-color: #337ab7;\">")
.append(htmlify(link.getA()))
.append("</span>")
.append("</a>")