mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-06-17 10:15:27 -04:00
Email reader: top-align action cluster against From row
align-items: flex-start on the header keeps the action cluster locked to the From line when the user expands the To/Cc details — previously it drifted to vertical center as the meta grew taller.
This commit is contained in:
+4
-1
@@ -28002,7 +28002,9 @@ button .spinner-whirlpool {
|
|||||||
.email-reader-header {
|
.email-reader-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
/* Top-align so when the user expands To/Cc, the action cluster
|
||||||
|
stays on the From line above instead of drifting to the middle. */
|
||||||
|
align-items: flex-start;
|
||||||
gap: 12px;
|
gap: 12px;
|
||||||
padding: 10px 14px;
|
padding: 10px 14px;
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 1px solid var(--border);
|
||||||
@@ -28011,6 +28013,7 @@ button .spinner-whirlpool {
|
|||||||
}
|
}
|
||||||
.email-reader-header > .email-reader-actions {
|
.email-reader-header > .email-reader-actions {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
/* Meta block stacks the From / To / Cc rows; each row keeps label
|
/* 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
|
tight to its chip(s) on the same line. The recipient-chips inside
|
||||||
|
|||||||
Reference in New Issue
Block a user