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:
parent
e7466175ef
commit
432b41cede
1 changed files with 4 additions and 1 deletions
|
|
@ -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
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue