mail page fix design

This commit is contained in:
alma 2025-04-21 19:40:37 +02:00
parent 15fdf1d1db
commit 0549e3f020

View File

@ -377,9 +377,9 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st
.map(line => { .map(line => {
if (!line.trim()) return '<br>'; if (!line.trim()) return '<br>';
if (line.startsWith('>')) { if (line.startsWith('>')) {
return `<p class="text-gray-600">${line}</p>`; return `<p class="text-gray-600" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">${line}</p>`;
} }
return `<p>${line}</p>`; return `<p dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">${line}</p>`;
}) })
.join(''); .join('');
} }
@ -391,22 +391,22 @@ function getReplyBody(email: Email, type: 'reply' | 'reply-all' | 'forward'): st
if (type === 'forward') { if (type === 'forward') {
return ` return `
<div class="prose max-w-none" dir="ltr"> <div class="prose max-w-none" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">
<div class="border-l-4 border-gray-300 pl-4 my-4"> <div class="border-l-4 border-gray-300 pl-4 my-4">
<p class="text-sm text-gray-600 mb-2"><strong>From:</strong> ${email.from}</p> <p class="text-sm text-gray-600 mb-2" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;"><strong>From:</strong> ${email.from}</p>
<p class="text-sm text-gray-600 mb-2"><strong>Date:</strong> ${date}</p> <p class="text-sm text-gray-600 mb-2" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;"><strong>Date:</strong> ${date}</p>
<p class="text-sm text-gray-600 mb-2"><strong>Subject:</strong> ${email.subject}</p> <p class="text-sm text-gray-600 mb-2" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;"><strong>Subject:</strong> ${email.subject}</p>
<p class="text-sm text-gray-600 mb-2"><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p> <p class="text-sm text-gray-600 mb-2" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;"><strong>To:</strong> ${Array.isArray(email.to) ? email.to.join(', ') : email.to}</p>
<div class="mt-4 prose-sm" dir="ltr">${content}</div> <div class="mt-4 prose-sm" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">${content}</div>
</div> </div>
</div> </div>
`; `;
} else { } else {
return ` return `
<div class="prose max-w-none" dir="ltr"> <div class="prose max-w-none" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">
<div class="border-l-4 border-gray-300 pl-4 my-4"> <div class="border-l-4 border-gray-300 pl-4 my-4">
<p class="text-sm text-gray-600 mb-2">On ${date}, ${email.from} wrote:</p> <p class="text-sm text-gray-600 mb-2" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">On ${date}, ${email.from} wrote:</p>
<div class="mt-4 prose-sm" dir="ltr">${content}</div> <div class="mt-4 prose-sm" dir="ltr" style="unicode-bidi: bidi-override; direction: ltr;">${content}</div>
</div> </div>
</div> </div>
`; `;