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 ''; if (!url || !label) return '';
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;"> <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;"> <tr><td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;">
<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> <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> </td></tr>
</table>`; </table>`;
} }
server/src/emailTemplate.js
+4 -2
View File
@@ -79,8 +79,10 @@ export function buildInvitationEmail({ rencontre, baseUrl, texts = {} }) {
const ctaButton = (url, label) => ` 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;"> <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> <tr>
<td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;"> <td width="300" height="48" align="center" valign="middle" bgcolor="#C1272D" style="width:300px;height:48px;background-color:#C1272D;text-align:center;">
<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> <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> </td>
</tr> </tr>
</table>`; </table>`;