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