src-advisory/SRCmail
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent long addresses from overflowing email details columns #297

Browse Source
This commit is contained in:
Linus Rath
2026-05-16 19:47:03 +02:00
parent 8c93941d8d
commit 0e758409ee
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/email/email-viewer.tsx
+5 -5
View File
@@ -4226,7 +4226,7 @@ export function EmailViewer({
return ( return (
<div className="mt-3 pt-3 border-t border-border grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-5"> <div className="mt-3 pt-3 border-t border-border grid grid-cols-1 lg:grid-cols-2 gap-x-10 gap-y-5">
<section> <section className="min-w-0">
<SectionHeader>{t('details.recipients_routing')}</SectionHeader> <SectionHeader>{t('details.recipients_routing')}</SectionHeader>
<dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5"> <dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5">
<Row label={t('from')}> <Row label={t('from')}>
@@ -4283,7 +4283,7 @@ export function EmailViewer({
</section> </section>
{hasAuthSection && ( {hasAuthSection && (
<section> <section className="min-w-0">
<SectionHeader>{t('details.authentication_security')}</SectionHeader> <SectionHeader>{t('details.authentication_security')}</SectionHeader>
<div className="flex flex-wrap gap-1.5"> <div className="flex flex-wrap gap-1.5">
{auth?.spf && ( {auth?.spf && (
@@ -4351,7 +4351,7 @@ export function EmailViewer({
)} )}
{hasIdentifiers && ( {hasIdentifiers && (
<section> <section className="min-w-0">
<SectionHeader>{t('details.identifiers_threading')}</SectionHeader> <SectionHeader>{t('details.identifiers_threading')}</SectionHeader>
<dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5"> <dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5">
{email.messageId && ( {email.messageId && (
@@ -4384,7 +4384,7 @@ export function EmailViewer({
</section> </section>
)} )}
<section> <section className="min-w-0">
<SectionHeader>{t('details.message_properties')}</SectionHeader> <SectionHeader>{t('details.message_properties')}</SectionHeader>
<dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5"> <dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5">
{email.subject !== undefined && ( {email.subject !== undefined && (
@@ -4411,7 +4411,7 @@ export function EmailViewer({
</section> </section>
{hasListInfo && ( {hasListInfo && (
<section className="lg:col-span-2"> <section className="lg:col-span-2 min-w-0">
<SectionHeader>{t('details.mailing_list')}</SectionHeader> <SectionHeader>{t('details.mailing_list')}</SectionHeader>
<dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5"> <dl className="grid grid-cols-[7rem_1fr] gap-x-4 gap-y-1.5">
{listHeaders?.listId && ( {listHeaders?.listId && (
components/email/recipient-popover.tsx
+1 -1
View File
@@ -127,7 +127,7 @@ export function RecipientPopover({ name, email, displayLabel, onViewContact, cla
ref={triggerRef} ref={triggerRef}
onClick={handleOpen} onClick={handleOpen}
className={cn( className={cn(
"text-foreground hover:text-primary hover:underline cursor-pointer transition-colors", "text-foreground hover:text-primary hover:underline cursor-pointer transition-colors min-w-0 break-words",
className className
)} )}
> >