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: Reply group on From row, Summary/AI/More below

Browse Source 
Reorganized the action cluster into two visible rows so each fits
the available width:
- Top row (on the From line): Reply / Reply-all / Forward
- Bottom row (under it):      Summary / AI reply / More

Action cluster goes back to flex-direction:column, the row
wrappers are flex rows again (no more display:contents flatten).
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:39:13 +09:00
parent 9f1435f761
commit 05f87b0f50
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+17 -13
View File
@@ -4662,9 +4662,8 @@ 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: row !important; flex-direction: column !important;
flex-wrap: nowrap !important; align-items: flex-end !important;
align-items: center !important;
gap: 4px !important; gap: 4px !important;
flex-shrink: 0 !important; flex-shrink: 0 !important;
margin-left: auto !important; margin-left: auto !important;
@@ -4673,9 +4672,12 @@ body.bg-pattern-sparkles {
#email-lib-modal .email-reader-actions-row, #email-lib-modal .email-reader-actions-row,
.email-reader-tab-modal .email-reader-actions-row, .email-reader-tab-modal .email-reader-actions-row,
.email-window-modal .email-reader-actions-row { .email-window-modal .email-reader-actions-row {
/* Flatten the row wrappers so all 6 buttons sit on one display: flex !important;
row inside the absolute-positioned actions cluster. */ flex-direction: row !important;
display: contents !important; flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 4px !important;
} }
/* Meta on mobile: From / To / Cc each on their own row, label /* Meta on mobile: From / To / Cc each on their own row, label
tight to chips, chips scroll horizontally per row. */ tight to chips, chips scroll horizontally per row. */
@@ -28180,17 +28182,19 @@ button .spinner-whirlpool {
.recipient-chip { flex-shrink: 0; } .recipient-chip { flex-shrink: 0; }
} }
.email-reader-actions { .email-reader-actions {
display: flex; flex-direction: row; gap: 4px; align-items: center; display: flex; flex-direction: column; gap: 4px; align-items: flex-end;
flex-shrink: 0; flex-shrink: 0;
margin-top: -4px; margin-top: -4px;
flex-wrap: nowrap;
} }
/* The two action-row wrappers (primary / secondary) are layout /* Two stacked rows: Reply/Reply-all/Forward on the From line, with
pass-throughs — `display: contents` flattens them so all 6 Summary/AI-reply/More on a row below. */
buttons become direct flex children of .email-reader-actions
and render on the same row. */
.email-reader-actions-row { .email-reader-actions-row {
display: contents; display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 4px;
} }
.email-reader-atts { .email-reader-atts {
display: flex; flex-wrap: wrap; gap: 6px; display: flex; flex-wrap: wrap; gap: 6px;