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 docked: drop whole From row 4px + right-align icons

Browse Source 
Pulled the From row's negative margin from -8 to -4 so the whole
row (From: label AND chip) sits 4px lower together. Action cluster
below now justifies flex-end so the icons sit at the right edge
of the row instead of left-aligned.
This commit is contained in:
pewdiepie-archdaemon
2026-06-11 20:44:47 +09:00
parent e0af7bd8a0
commit 2be0c5c892
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/style.css
+8 -5
View File
@@ -28112,17 +28112,18 @@ button .spinner-whirlpool {
top: -2px; top: -2px;
} }
/* Docked panes are tight — flow the action cluster UNDER the /* Docked panes are tight — flow the action cluster UNDER the
From: row instead of overlaying it. Also pull the whole From From: row instead of overlaying it. The whole From row +
row + buttons up 8px to claim back wasted header space. */ chip sits 4px lower than the old -8 position so the chip
baseline tracks the "From:" label cleanly. */
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from, .modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from { .modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from {
flex-wrap: wrap; flex-wrap: wrap;
margin-top: -8px; margin-top: -4px;
min-height: 0; min-height: 0;
} }
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > strong, .modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > strong,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > strong { .modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > strong {
top: 4px; top: 0;
} }
.modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline, .modal.modal-right-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline,
.modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline { .modal.modal-left-docked .email-reader-meta-row.email-reader-meta-from > .email-reader-actions-inline {
@@ -28131,7 +28132,9 @@ button .spinner-whirlpool {
margin-left: 0; margin-left: 0;
background: none; background: none;
padding-left: 0; padding-left: 0;
justify-content: flex-start; /* Right-align icons when docked so they sit at the far right
of the row below From: instead of the far left. */
justify-content: flex-end;
} }
/* Docked header gets a smaller min-height since the action cluster /* Docked header gets a smaller min-height since the action cluster
no longer needs vertical room overlapping the chip. */ no longer needs vertical room overlapping the chip. */