E-Mail-Liste: eigener Scrollbalken statt seitenweit wachsen
User-Bug: bei vielen E-Mails wuchs die Liste links unbegrenzt nach unten, sodass die ganze Seite gescrollt werden musste. - ContractEmailsSection: flex-Container von minHeight:400 auf feste 600px Höhe gestellt. Die linke Liste hatte schon overflow-y-auto – jetzt greift's auch. - EmailClientTab: h-full auf calc(100vh - 240px) (mit minHeight:500) bounded. h-full hat im Tab-Container vorher nichts gebracht, weil der Parent selbst keine feste Höhe hatte. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -489,9 +489,13 @@ export default function ContractEmailsSection({
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className="flex -mx-6 -mb-6" style={{ minHeight: '400px' }}>
|
||||
{/* Email List */}
|
||||
<div className="w-1/3 border-r border-gray-200 overflow-auto">
|
||||
<div
|
||||
className="flex -mx-6 -mb-6"
|
||||
style={{ height: '600px' }}
|
||||
>
|
||||
{/* Email List – scrollt intern, damit die Vertrags-Seite nicht
|
||||
elendig lang wird. */}
|
||||
<div className="w-1/3 border-r border-gray-200 overflow-y-auto">
|
||||
{selectedFolder === 'TRASH' ? (
|
||||
<TrashEmailList
|
||||
emails={trashEmails}
|
||||
|
||||
@@ -295,7 +295,13 @@ export default function EmailClientTab({ customerId }: EmailClientTabProps) {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex flex-col h-full" style={{ minHeight: '600px' }}>
|
||||
// Bounded auf Viewport-Höhe – sonst ignoriert h-full ohnehin den
|
||||
// Tab-Container und der Postfach-Inhalt wächst beliebig, sodass die
|
||||
// ganze Seite scrollt statt nur die E-Mail-Liste.
|
||||
<div
|
||||
className="flex flex-col"
|
||||
style={{ height: 'calc(100vh - 240px)', minHeight: '500px' }}
|
||||
>
|
||||
{/* Header */}
|
||||
<div className="flex items-center justify-between gap-4 p-4 border-b border-gray-200 bg-gray-50">
|
||||
{/* Account Selector */}
|
||||
|
||||
Reference in New Issue
Block a user