Email reader: icons wrap before chips shrink + 60px min chip width

Two-step shrink behavior:
1. As the pane narrows, the action cluster (max-width:50% of meta)
   wraps to a 2-row icon stack first
2. Then the recipient chip span starts overflow-scrolling, but
   keeps a 60px min-width (~4 chars) so the first chars of the
   sender/recipient name stay visible
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 22:14:25 +09:00
parent 3a5c58da75
commit 9ac3f40955
+11
View File
@@ -28134,9 +28134,20 @@ button .spinner-whirlpool {
align-items: flex-start;
justify-content: flex-end;
gap: 4px;
/* Cluster wraps to 2 rows BEFORE the chip starts shrinking cap
at ~half the meta width so as the pane narrows the icons
re-stack into two rows first, then the chip span starts to
overflow-scroll once even the half-width can't hold the icons. */
max-width: 50%;
/* Sit visually above the From baseline like the lifted overlay. */
margin-top: -7px;
}
/* Recipient chip span keeps at least ~4 characters visible (60px)
before the overflow-scroll kicks in, so the sender / first
recipient name is always partly readable. */
.email-reader-meta .recipient-chips {
min-width: 60px;
}
/* Very narrow undocked panes: cluster snaps back to absolute overlay
so it doesn't push the From chip into a tiny ribbon. */
@container docpane (max-width: 380px) {