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: taller header to fit absolute-positioned action cluster

Browse Source 
Bumped header min-height to 60px and padding-top to 8px so the
44px-tall action buttons (absolutely positioned inside the From
row) have room without overflowing the header. From row gets
min-height:44px on desktop so the buttons fit cleanly inside it.
Dropped the now-redundant negative margin nudges on the From row
and the strong label.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 20:33:02 +09:00
parent 12c8f9637f
commit df69bced42
1 changed files with 9 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+9 -13
View File
@@ -15232,11 +15232,6 @@ body.right-dock-active:not(.email-doc-split-active) .doc-editor-pane {
.modal.modal-left-docked .email-reader-meta-row:not(.email-reader-meta-from) { .modal.modal-left-docked .email-reader-meta-row:not(.email-reader-meta-from) {
padding-right: 0; padding-right: 0;
} }
/* Docked mode: nudge the From row + inline action cluster up 4px. */
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from {
margin-top: -4px;
}
.modal.modal-right-docked .email-reader-meta-row strong, .modal.modal-right-docked .email-reader-meta-row strong,
.modal.modal-left-docked .email-reader-meta-row strong { .modal.modal-left-docked .email-reader-meta-row strong {
min-width: 0; min-width: 0;
@@ -28012,7 +28007,10 @@ button .spinner-whirlpool {
stays on the From line above instead of drifting to the middle. */ stays on the From line above instead of drifting to the middle. */
align-items: flex-start; align-items: flex-start;
gap: 12px; gap: 12px;
padding: 10px 14px; /* Taller header so the 44px-tall absolute-positioned action
cluster inside the From row has vertical breathing room. */
padding: 8px 14px;
min-height: 60px;
border-bottom: 1px solid var(--border); border-bottom: 1px solid var(--border);
background: var(--bg); background: var(--bg);
flex-shrink: 0; flex-shrink: 0;
@@ -28080,14 +28078,12 @@ button .spinner-whirlpool {
original placement (the mobile @media block overrides padding so original placement (the mobile @media block overrides padding so
the header sits flush already). */ the header sits flush already). */
@media (min-width: 769px) { @media (min-width: 769px) {
/* From row needs to be at least as tall as the absolute-
positioned action cluster (44px buttons) so the buttons
don't overflow the header bottom. */
.email-reader-meta-row.email-reader-meta-from { .email-reader-meta-row.email-reader-meta-from {
margin-top: -8px; min-height: 44px;
} align-items: center;
/* Pull only the "From:" label up 4px without affecting the chips
or action cluster beside it. */
.email-reader-meta-row.email-reader-meta-from > strong {
position: relative;
top: -4px;
} }
} }
/* Gmail-style chevron — collapsed view shows only From; the chevron /* Gmail-style chevron — collapsed view shows only From; the chevron