Email reader: collapse action cluster to a single row

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
+8 -6
View File
@@ -4662,8 +4662,9 @@ body.bg-pattern-sparkles {
.email-reader-tab-modal .email-reader-actions,
.email-window-modal .email-reader-actions {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 4px !important;
flex-shrink: 0 !important;
position: absolute !important;
@@ -28175,19 +28176,20 @@ button .spinner-whirlpool {
.recipient-chip { flex-shrink: 0; }
}
.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;
margin-top: -4px;
flex-wrap: nowrap;
}
/* Two stacked rows inside .email-reader-actions:
primary Summary + More (top)
secondary Reply / Reply all / Forward / AI reply (bottom) */
/* All six actions in one row the two action-row children flow
side-by-side inside the parent flex row. */
.email-reader-actions-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 4px;
flex-wrap: nowrap;
}
.email-reader-atts {
display: flex; flex-wrap: wrap; gap: 6px;