maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(emails): solid background fallback for CTA buttons (Outlook fix)
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
Forum reply, @mention and classifieds notification emails used
`background: linear-gradient(...)` for the primary CTA button. Outlook
desktop strips background-image gradients, leaving the white-on-white
text effectively invisible. Added background-color as the first
declaration so Outlook keeps a solid dark-blue button while modern
clients still render the gradient.

Reported by Maciej Koenig: forum reply email appeared to lack the
'Zobacz odpowiedź' link.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-04-14 14:04:38 +02:00
parent a8be6c8d89
commit dcdaa8d338
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
utils/notifications.py
View File

@ -314,7 +314,7 @@ Norda Biznes Partner - https://nordabiznes.pl
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
<tr><td align="center" style="padding: 8px 0;">
<a href="{topic_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
<a href="{topic_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
</td></tr>
<tr><td align="center" style="padding: 8px 0;">
<a href="{unsubscribe_url}" style="color:#94a3b8; font-size:13px; text-decoration:none;">Przestań obserwować ten wątek</a>
@ -426,7 +426,7 @@ Norda Biznes Partner - https://nordabiznes.pl
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
<tr><td align="center" style="padding: 8px 0;">
<a href="{classified_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz pytanie i odpowiedz &rarr;</a>
<a href="{classified_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz pytanie i odpowiedz &rarr;</a>
</td></tr>
</table>'''
@ -488,7 +488,7 @@ Norda Biznes Partner - https://nordabiznes.pl
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
<tr><td align="center" style="padding: 8px 0;">
<a href="{classified_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
<a href="{classified_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz odpowiedź &rarr;</a>
</td></tr>
</table>'''
@ -661,7 +661,7 @@ Norda Biznes Partner - https://nordabiznes.pl
<table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:20px;">
<tr><td align="center" style="padding: 8px 0;">
<a href="{full_url}" style="display:inline-block; padding:16px 40px; background: linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz na forum &rarr;</a>
<a href="{full_url}" style="display:inline-block; padding:16px 40px; background-color:#1e3a8a; background:#1e3a8a; background-image:linear-gradient(135deg, #1e3a8a, #172554); color:#ffffff; text-decoration:none; border-radius:8px; font-size:15px; font-weight:600;">Zobacz na forum &rarr;</a>
</td></tr>
</table>'''
body_html = _email_v3_wrap('Wspomniano o Tobie', 'Norda Biznes Partner', html_content)