alma/Neah
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

mail page fix design

Browse Source
This commit is contained in:
alma 2025-04-21 21:24:22 +02:00
parent 68c1936690
commit 448f34e655
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
components/ComposeEmail.tsx
View File

@ -62,13 +62,20 @@ export default function ComposeEmail({
useEffect(() => {
if (composeBodyRef.current) {
const decodedContent = decodeComposeContent(composeBody);
composeBodyRef.current.innerHTML = `<br/><br/>${decodedContent}`;
composeBodyRef.current.innerHTML = `
<div style="min-height: 20px;"></div>
<div style="white-space: pre-wrap; word-wrap: break-word;">
${decodedContent}
</div>
`;
const range = document.createRange();
const sel = window.getSelection();
range.setStart(composeBodyRef.current, 0);
range.collapse(true);
sel?.removeAllRanges();
sel?.addRange(range);
if (composeBodyRef.current.firstChild) {
range.setStart(composeBodyRef.current.firstChild, 0);
range.collapse(true);
sel?.removeAllRanges();
sel?.addRange(range);
}
}
}, [composeBody]);
@ -259,8 +266,10 @@ export default function ComposeEmail({
className="w-full h-full mt-1 bg-white border border-gray-300 rounded-md p-2 text-gray-900 overflow-y-auto"
style={{
minHeight: '200px',
writingMode: 'horizontal-tb',
direction: 'ltr'
whiteSpace: 'pre-wrap',
wordWrap: 'break-word',
overflowWrap: 'break-word',
writingMode: 'horizontal-tb'
}}
/>
</div>