src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enforce image and table styling

Browse Source
This commit is contained in:
Linus Rath
2026-03-18 15:40:08 +01:00
parent ada356e440
commit ae14e09f66
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-viewer.tsx
+4 -3
View File
@@ -2251,9 +2251,10 @@ export function EmailViewer({
<html style="color-scheme: ${colorScheme};"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"> <html style="color-scheme: ${colorScheme};"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1">
<style> <style>
body { margin: 0; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; line-height: 1.6; color: #1a1a1a; background: #ffffff; word-wrap: break-word; overflow-wrap: break-word; } body { margin: 0; padding: 16px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; line-height: 1.6; color: #1a1a1a; background: #ffffff; word-wrap: break-word; overflow-wrap: break-word; }
img { max-width: 100%; height: auto; } img { max-width: 100% !important; height: auto !important; }
a { color: #1a73e8; } a { color: #1a73e8; }
table { max-width: 100%; } table { max-width: 100% !important; table-layout: auto; overflow-wrap: break-word; }
td, th { word-break: break-word; }
pre { white-space: pre-wrap; word-wrap: break-word; } pre { white-space: pre-wrap; word-wrap: break-word; }
${darkModeCSS} ${darkModeCSS}
</style></head><body>${effectiveEmailContent.html}</body></html>`; </style></head><body>${effectiveEmailContent.html}</body></html>`;
@@ -2343,7 +2344,7 @@ export function EmailViewer({
.meta { font-size: 13px; color: #555; line-height: 1.6; } .meta { font-size: 13px; color: #555; line-height: 1.6; }
.meta strong { color: #000; } .meta strong { color: #000; }
.body { font-size: 14px; line-height: 1.6; } .body { font-size: 14px; line-height: 1.6; }
.body img { max-width: 100%; } .body img { max-width: 100% !important; height: auto !important; }
@media print { body { margin: 20px; } } @media print { body { margin: 20px; } }
</style></head><body> </style></head><body>
<div class="header"> <div class="header">