mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-06-16 17:55:26 -04:00
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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user