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

compose scroll

Browse Source
This commit is contained in:
alma 2025-04-24 17:47:36 +02:00
parent 8114b83e64
commit fbc2987dd4
1 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/ComposeEmail.tsx
View File

@ -315,7 +315,14 @@ export default function ComposeEmail({
contentEditable="true" contentEditable="true"
onInput={handleInput} onInput={handleInput}
className="flex-1 w-full bg-white border border-gray-300 rounded-md p-4 text-gray-900 overflow-y-auto focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent" className="flex-1 w-full bg-white border border-gray-300 rounded-md p-4 text-gray-900 overflow-y-auto focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
style={{ direction: 'ltr' }} style={{
direction: 'ltr',
maxHeight: 'calc(100vh - 400px)',
minHeight: '200px',
overflowY: 'auto',
scrollbarWidth: 'thin',
scrollbarColor: '#cbd5e0 #f3f4f6'
}}
dir="ltr" dir="ltr"
spellCheck="true" spellCheck="true"
role="textbox" role="textbox"
@ -328,11 +335,15 @@ export default function ComposeEmail({
min-height: 100px; min-height: 100px;
margin-bottom: 20px; margin-bottom: 20px;
outline: none; outline: none;
overflow-y: auto;
max-height: 300px;
} }
.quoted-content { .quoted-content {
color: #666; color: #666;
user-select: text; user-select: text;
-webkit-user-select: text; -webkit-user-select: text;
overflow-y: auto;
max-height: 300px;
} }
.quoted-content blockquote { .quoted-content blockquote {
margin: 0.8ex; margin: 0.8ex;
@ -345,6 +356,21 @@ export default function ComposeEmail({
[contenteditable="true"]:focus { [contenteditable="true"]:focus {
outline: none; outline: none;
} }
/* Custom scrollbar styles */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #f3f4f6;
border-radius: 4px;
}
::-webkit-scrollbar-thumb {
background: #cbd5e0;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #a0aec0;
}
`}</style> `}</style>
</div> </div>
</div> </div>