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

Email reader: flatten action rows with display:contents

Browse Source 
The primary/secondary row wrappers were still creating nested flex
containers — even with parent flex-direction:row the two row divs
sized to content and could stack visually. Switching the wrappers
to display:contents collapses them entirely so all 6 buttons
become direct flex children of .email-reader-actions and lay out
on a single row guaranteed.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:08:22 +09:00
parent 682ec11003
commit f91f37ef70
1 changed files with 8 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+8 -14
View File
@@ -4679,12 +4679,9 @@ 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 {
display: flex !important; /* Flatten the row wrappers so all 6 buttons sit on one
flex-direction: row !important; row inside the absolute-positioned actions cluster. */
flex-wrap: nowrap !important; display: contents !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 4px !important;
} }
/* Horizontal-scroll recipient chip rows on mobile. */ /* Horizontal-scroll recipient chip rows on mobile. */
#email-lib-modal .email-reader-meta, #email-lib-modal .email-reader-meta,
@@ -28181,15 +28178,12 @@ button .spinner-whirlpool {
margin-top: -4px; margin-top: -4px;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
/* All six actions in one row — the two action-row children flow /* The two action-row wrappers (primary / secondary) are layout
side-by-side inside the parent flex row. */ pass-throughs — `display: contents` flattens them so all 6
buttons become direct flex children of .email-reader-actions
and render on the same row. */
.email-reader-actions-row { .email-reader-actions-row {
display: flex; display: contents;
flex-direction: row;
align-items: center;
justify-content: flex-end;
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;