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

Email reader: keep From/To/Cc on separate rows, label tight to chips

Browse Source 
Reverted the single-row meta strip — misread the user's ask. Each
meta field gets its own row (From / To / Cc stacked), label sits
tight to the chips on the same line, recipient chips inside the
row still scroll horizontally so long lists slide under the
floating action cluster.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 19:15:55 +09:00
parent ac4627b69d
commit e4c7a3aad9
1 changed files with 34 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+34 -38
View File
@@ -4683,45 +4683,43 @@ body.bg-pattern-sparkles {
row inside the absolute-positioned actions cluster. */
display: contents !important;
}
/* Single-row meta strip on mobile — From / To / Cc inline. */
/* Meta on mobile: From / To / Cc each on their own row, label
tight to chips, chips scroll horizontally per row. */
#email-lib-modal .email-reader-meta,
.email-reader-tab-modal .email-reader-meta,
.email-window-modal .email-reader-meta {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 10px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
flex-direction: column !important;
gap: 2px !important;
min-width: 0 !important;
width: 100% !important;
scrollbar-width: none !important;
padding-right: 110px !important;
}
#email-lib-modal .email-reader-meta::-webkit-scrollbar,
.email-reader-tab-modal .email-reader-meta::-webkit-scrollbar,
.email-window-modal .email-reader-meta::-webkit-scrollbar {
display: none !important;
}
#email-lib-modal .email-reader-meta-row,
.email-reader-tab-modal .email-reader-meta-row,
.email-window-modal .email-reader-meta-row {
display: inline-flex !important;
display: flex !important;
grid-template-columns: none !important;
align-items: center !important;
gap: 6px !important;
padding-right: 0 !important;
padding-right: 110px !important;
min-width: 0 !important;
flex: 0 0 auto !important;
}
#email-lib-modal .email-reader-meta-row .recipient-chips,
.email-reader-tab-modal .email-reader-meta-row .recipient-chips,
.email-window-modal .email-reader-meta-row .recipient-chips {
display: inline-flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
max-width: 100% !important;
scrollbar-width: none !important;
gap: 4px !important;
}
#email-lib-modal .email-reader-meta-row .recipient-chips::-webkit-scrollbar,
.email-reader-tab-modal .email-reader-meta-row .recipient-chips::-webkit-scrollbar,
.email-window-modal .email-reader-meta-row .recipient-chips::-webkit-scrollbar {
display: none !important;
}
#email-lib-modal .email-reader-actions .memory-toolbar-btn.reader-icon-btn,
.email-reader-tab-modal .email-reader-actions .memory-toolbar-btn.reader-icon-btn,
.email-window-modal .email-reader-actions .memory-toolbar-btn.reader-icon-btn {
@@ -28031,37 +28029,35 @@ button .spinner-whirlpool {
background: linear-gradient(to right, transparent 0, var(--bg) 18px);
padding-left: 22px;
}
/* The meta block itself is a SINGLE horizontal row — From / To / Cc
all flow inline instead of stacking. The whole strip scrolls
horizontally; the action cluster floats above the right edge and
chips that overflow slide underneath. */
/* Meta block stacks the From / To / Cc rows; each row keeps label
tight to its chip(s) on the same line. The recipient-chips inside
scroll horizontally so long lists slide under the floating action
cluster on the right. */
.email-reader-meta {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
/* Reserve room on the right so the meta strip doesn't immediately
hide under the floating action cluster on first paint. */
padding-right: 180px;
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.email-reader-meta::-webkit-scrollbar { display: none; }
.email-reader-meta .recipient-chips {
display: inline-flex;
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
gap: 4px;
max-width: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.email-reader-meta .recipient-chips::-webkit-scrollbar { display: none; }
.email-reader-meta-row {
display: inline-flex;
display: flex;
align-items: center;
gap: 6px;
flex: 0 0 auto;
/* No per-row padding — padding lives on the parent strip. */
padding-right: 0;
min-width: 0;
/* Reserve space on the right so chips don't sit fully under the
floating action cluster on first paint. */
padding-right: 180px;
}
.email-reader-header > .email-reader-meta {
flex: 1; min-width: 0;