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

Email reader: collapse action cluster to a single row

Browse Source 
Reply / Reply all / Forward / AI / Summary / More now flow inline
on one row instead of being split into a primary (Summary+More) and
secondary (Reply group) stack. Mobile + docked overrides also
flipped from column to row.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 18:59:50 +09:00
parent be430fc4a4
commit 41c0ffbb52
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+8 -6
View File
@@ -4662,8 +4662,9 @@ body.bg-pattern-sparkles {
.email-reader-tab-modal .email-reader-actions, .email-reader-tab-modal .email-reader-actions,
.email-window-modal .email-reader-actions { .email-window-modal .email-reader-actions {
display: flex !important; display: flex !important;
flex-direction: column !important; flex-direction: row !important;
align-items: flex-end !important; flex-wrap: nowrap !important;
align-items: center !important;
gap: 4px !important; gap: 4px !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
position: absolute !important; position: absolute !important;
@@ -28175,19 +28176,20 @@ button .spinner-whirlpool {
.recipient-chip { flex-shrink: 0; } .recipient-chip { flex-shrink: 0; }
} }
.email-reader-actions { .email-reader-actions {
display: flex; flex-direction: column; gap: 4px; align-items: flex-end; display: flex; flex-direction: row; gap: 4px; align-items: center;
flex-shrink: 0; flex-shrink: 0;
margin-top: -4px; margin-top: -4px;
flex-wrap: nowrap;
} }
/* Two stacked rows inside .email-reader-actions: /* All six actions in one row — the two action-row children flow
primary — Summary + More (top) side-by-side inside the parent flex row. */
secondary — Reply / Reply all / Forward / AI reply (bottom) */
.email-reader-actions-row { .email-reader-actions-row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
gap: 4px; gap: 4px;
flex-wrap: nowrap;
} }
.email-reader-atts { .email-reader-atts {
display: flex; flex-wrap: wrap; gap: 6px; display: flex; flex-wrap: wrap; gap: 6px;