fix(print): hide reply/archive/delete action bar and tablet back button

The email viewer's quick-action row (Reply, ReplyAll, Forward, Archive,
Delete, Star and friends) and the tablet back button were visible in
the printed output. Apply Tailwind's print:hidden utility to both so
the printed page shows only the actual mail content — header, body,
and attachments — which is what users expect to archive on paper.

The More Actions dropdown and the Quick Reply section already had
print:hidden applied.
This commit is contained in:
Matthieu MALVACHE
2026-04-17 13:39:53 +02:00
parent ce3b34f535
commit a053c8a38d
+2 -2
View File
@@ -705,7 +705,7 @@ export function EmailViewer({
variant="ghost"
size="icon"
onClick={onBack}
className="h-11 w-11 lg:h-10 lg:w-10 flex-shrink-0 -ml-2"
className="h-11 w-11 lg:h-10 lg:w-10 flex-shrink-0 -ml-2 print:hidden"
aria-label={t('back_to_list')}
>
<ChevronLeft className="w-5 h-5" />
@@ -742,7 +742,7 @@ export function EmailViewer({
</div>
{/* Quick Actions */}
<div className="flex items-center gap-0.5 flex-shrink-0">
<div className="flex items-center gap-0.5 flex-shrink-0 print:hidden">
{/* Loading indicator */}
{isLoading && (
<div className="mr-2 flex items-center gap-1.5 text-muted-foreground hidden lg:flex">