Refactor EmailList component for improved layout and responsiveness. Adjusted class names for better styling and updated the MailFolderStackIndicator positioning to enhance visibility in listToolbarMode.

This commit is contained in:
R3D347HR4Y 2026-05-18 12:48:34 +02:00
parent a48823cf1e
commit 2eda0d4181
2 changed files with 13 additions and 10 deletions

View File

@ -3080,7 +3080,8 @@ export function EmailList({
!splitView && isViewMode && openEmail !splitView && isViewMode && openEmail
? "relative flex min-h-0 flex-1 flex-col overflow-hidden" ? "relative flex min-h-0 flex-1 flex-col overflow-hidden"
: mainScrollClass, : mainScrollClass,
"relative min-h-0 flex-1 overscroll-y-none max-sm:pb-16" "relative min-h-0 flex-1 overscroll-y-none max-sm:pb-16",
listToolbarMode && "sm:pb-12"
)} )}
> >
{listToolbarMode && ( {listToolbarMode && (
@ -4526,7 +4527,8 @@ export function EmailList({
</div> </div>
</div> </div>
{listToolbarMode ? ( {listToolbarMode ? (
<div className="hidden w-fit max-w-full shrink-0 self-start sm:block"> <div className="pointer-events-none absolute bottom-0 left-0 z-20 hidden max-w-full sm:block">
<div className="pointer-events-auto w-fit max-w-full">
<MailFolderStackIndicator <MailFolderStackIndicator
currentKey={mailNavVisitKey(selectedFolder, inboxTab)} currentKey={mailNavVisitKey(selectedFolder, inboxTab)}
folderTree={sidebarNav.folderTree} folderTree={sidebarNav.folderTree}
@ -4535,6 +4537,7 @@ export function EmailList({
onNavigate={handleBreadcrumbNavigate} onNavigate={handleBreadcrumbNavigate}
/> />
</div> </div>
</div>
) : null} ) : null}
</div> </div>

File diff suppressed because one or more lines are too long