Michael/SBC
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Preserve email button styling in Outlook

Browse Source
This commit is contained in:
Michael committed 2026-07-14 13:27:45 +02:00
1 parent 93f0187706
commit 5cb100144d
2 files changed
+8 -4
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

server/src/customEmailTemplate.js
+4 -2
View File
@@ -25,8 +25,10 @@ function ctaButton(url, label) {
if (!url || !label) return '';
return `
<table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr><td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;">
<a href="${esc(url)}" target="_blank" style="display:block;width:300px;line-height:48px;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;text-align:center;text-decoration:none;">${esc(label)}</a>
<tr><td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;">
<p align="center" style="margin:0;text-align:center;line-height:48px;mso-line-height-rule:exactly;">
<a href="${esc(url)}" target="_blank" style="display:inline-block;width:300px;line-height:48px;color:#FFFFFF !important;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;text-align:center;text-decoration:none !important;"><span style="color:#FFFFFF !important;text-decoration:none !important;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF">${esc(label)}</font></span></a>
</p>
</td></tr>
</table>`;
}
server/src/emailTemplate.js
+4 -2
View File
@@ -79,8 +79,10 @@ export function buildInvitationEmail({ rencontre, baseUrl, texts = {} }) {
const ctaButton = (url, label) => `
<table role="presentation" width="300" cellpadding="0" cellspacing="0" border="0" style="width:300px;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;">
<tr>
<td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;">
<a href="${esc(url)}" target="_blank" title="Ouvrir l'inscription" style="display:block;width:300px;line-height:48px;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;text-align:center;text-decoration:none;-webkit-text-size-adjust:none;">${label}</a>
<td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;">
<p align="center" style="margin:0;text-align:center;line-height:48px;mso-line-height-rule:exactly;">
<a href="${esc(url)}" target="_blank" title="Ouvrir l'inscription" style="display:inline-block;width:300px;line-height:48px;color:#FFFFFF !important;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:bold;text-align:center;text-decoration:none !important;-webkit-text-size-adjust:none;"><span style="color:#FFFFFF !important;text-decoration:none !important;"><font face="Arial, Helvetica, sans-serif" color="#FFFFFF">${label}</font></span></a>
</p>
</td>
</tr>
</table>`;