From 9ac3f4095502551d28837aae6239aba35e5e229d Mon Sep 17 00:00:00 2001 From: pewdiepie-archdaemon Date: Thu, 11 Jun 2026 22:14:25 +0900 Subject: [PATCH] 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 --- static/style.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/static/style.css b/static/style.css index 029e78f0e..5ed7926e7 100644 --- a/static/style.css +++ b/static/style.css @@ -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) {