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

Email reader: collapse To/Cc behind Gmail-style chevron

Browse Source 
Only the From row shows by default. When the email has To and/or
Cc recipients, a small chevron sits next to the From chip — click
it to inline-expand the To/Cc rows below (rotates 180deg open).

Trims the header to a single visible row in the common case,
leaving the action cluster plenty of vertical headroom to stay
on a single row.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:19:12 +09:00
parent e4c7a3aad9
commit 6e6b860f04
2 changed files with 60 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+28
View File
@@ -28059,6 +28059,34 @@ button .spinner-whirlpool {
floating action cluster on first paint. */
padding-right: 180px;
}
/* Gmail-style chevron — collapsed view shows only From; the chevron
reveals the To/Cc details inline below. */
.email-reader-meta-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
margin-left: 4px;
padding: 0;
border: none;
background: transparent;
color: inherit;
opacity: 0.55;
cursor: pointer;
border-radius: 4px;
flex-shrink: 0;
}
.email-reader-meta-toggle:hover { opacity: 1; background: color-mix(in srgb, currentColor 10%, transparent); }
.email-reader-meta-toggle svg { transition: transform 0.15s ease; }
.email-reader-meta-toggle.open svg { transform: rotate(180deg); }
.email-reader-meta-details {
display: flex;
flex-direction: column;
gap: 2px;
margin-top: 2px;
}
.email-reader-meta-details[hidden] { display: none; }
.email-reader-header > .email-reader-meta {
flex: 1; min-width: 0;
opacity: 0.85; line-height: 1.7; font-size: 11px;