Salastil/odysseus
1
0
Fork 0
mirror of https://github.com/pewdiepie-archdaemon/odysseus.git synced 2026-06-16 17:55:26 -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-window-modal .email-reader-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
flex-direction: column !important;
align-items: flex-end !important;
gap: 4px !important;
flex-shrink: 0 !important;
margin-left: auto !important;
@@ -4673,9 +4672,12 @@ body.bg-pattern-sparkles {
#email-lib-modal .email-reader-actions-row,
.email-reader-tab-modal .email-reader-actions-row,
.email-window-modal .email-reader-actions-row {
/* Flatten the row wrappers so all 6 buttons sit on one
row inside the absolute-positioned actions cluster. */
display: contents !important;
display: flex !important;
flex-direction: row !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
tight to chips, chips scroll horizontally per row. */
@@ -28180,17 +28182,19 @@ button .spinner-whirlpool {
.recipient-chip { flex-shrink: 0; }
}
.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;
margin-top: -4px;
flex-wrap: nowrap;
}
/* The two action-row wrappers (primary / secondary) are layout
pass-throughs — `display: contents` flattens them so all 6
buttons become direct flex children of .email-reader-actions
and render on the same row. */
/* Two stacked rows: Reply/Reply-all/Forward on the From line, with
Summary/AI-reply/More on a row below. */
.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 {
display: flex; flex-wrap: wrap; gap: 6px;