Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-17 02:05:22 -04:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
1 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+11
View File
@@ -28134,9 +28134,20 @@ button .spinner-whirlpool {
align-items: flex-start; align-items: flex-start;
justify-content: flex-end; justify-content: flex-end;
gap: 4px; 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. */ /* Sit visually above the From baseline like the lifted overlay. */
margin-top: -7px; 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 /* Very narrow undocked panes: cluster snaps back to absolute overlay
so it doesn't push the From chip into a tiny ribbon. */ so it doesn't push the From chip into a tiny ribbon. */
@container docpane (max-width: 380px) { @container docpane (max-width: 380px) {