From 98c05dd08de1d288866b91816106864b71b42431 Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Sat, 13 Jun 2026 07:25:02 +0900 Subject: [PATCH] Email reader meta: full chip names + locked-in From/To/Cc labels - .email-reader-meta .recipient-chip drops max-width and overflow truncation so the full name renders in each chip. The parent .recipient-chips span already has overflow-x:auto, so users can swipe horizontally to reveal any chip whose tail is clipped off the right edge of the row. - Strong (From: / To: / Cc:) labels get explicit white-space:nowrap + flex-shrink:0 so they never truncate even when the row is squeezed to its minimum width. --- static/style.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/static/style.css b/static/style.css index 4ffa4e397..420d281c2 100644 --- a/static/style.css +++ b/static/style.css @@ -28297,6 +28297,25 @@ button .spinner-whirlpool { .email-reader-meta .recipient-chips { min-width: 60px; } +/* Inside the email reader meta, chips show their FULL name — no + per-chip max-width / ellipsis truncation. The chip span itself + scrolls horizontally so the user can swipe/drag to reveal any + chip that's clipped off the right edge. */ +.email-reader-meta .recipient-chip { + max-width: none; + overflow: visible; +} +.email-reader-meta .recipient-chip .recipient-chip-label { + overflow: visible; + text-overflow: clip; +} +/* Lock the From: / To: / Cc: labels to their natural width so they + never get truncated when the row is narrow — flex-shrink:0 + + white-space:nowrap means the text always renders in full. */ +.email-reader-meta-row > strong { + white-space: nowrap; + flex-shrink: 0; +} /* Medium reader widths: cap the cluster at 3 icons per row so it never wraps past 2 rows. min-width forces the cluster to reserve enough room for 3 icons in a row — without it, grid col 2 could