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>
|
||||||
) : (
|
) : (
|
||||||
<div className="flex -mx-6 -mb-6" style={{ minHeight: '400px' }}>
|
<div
|
||||||
{/* Email List */}
|
className="flex -mx-6 -mb-6"
|
||||||
<div className="w-1/3 border-r border-gray-200 overflow-auto">
|
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' ? (
|
{selectedFolder === 'TRASH' ? (
|
||||||
<TrashEmailList
|
<TrashEmailList
|
||||||
emails={trashEmails}
|
emails={trashEmails}
|
||||||
|
|||||||
@@ -295,7 +295,13 @@ export default function EmailClientTab({ customerId }: EmailClientTabProps) {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
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 */}
|
{/* Header */}
|
||||||
<div className="flex items-center justify-between gap-4 p-4 border-b border-gray-200 bg-gray-50">
|
<div className="flex items-center justify-between gap-4 p-4 border-b border-gray-200 bg-gray-50">
|
||||||
{/* Account Selector */}
|
{/* Account Selector */}
|
||||||
|
|||||||
Reference in New Issue
Block a user