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.
This commit is contained in:
pewdiepie-archdaemon
2026-06-13 07:25:02 +09:00
parent 4811af7ab2
commit 98c05dd08d
+19
View File
@@ -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