Email reader: pin More to far right + allow actions to wrap beside meta
- .email-reader-actions flex-wrap nowrap → wrap so when the cluster exceeds the room next to a tall multi-recipient meta block, the buttons wrap within the actions area instead of pushing the whole block onto its own row below From/To. - New rule: .email-reader-more-wrap gets order:99 so the More kebab sits at the far right of the flattened flex row instead of in the middle (its source order put it ahead of the secondary row's AI Reply / Summary buttons after display:contents flattening).
This commit is contained in:
parent
6a0a7622fd
commit
537f492762
1 changed files with 7 additions and 1 deletions
|
|
@ -28078,7 +28078,7 @@ button .spinner-whirlpool {
|
|||
.recipient-chip { flex-shrink: 0; }
|
||||
}
|
||||
.email-reader-actions {
|
||||
display: flex; gap: 4px; flex-wrap: nowrap; align-items: center;
|
||||
display: flex; gap: 4px; flex-wrap: wrap; align-items: center;
|
||||
flex-shrink: 0;
|
||||
justify-content: flex-end;
|
||||
margin-top: -4px;
|
||||
|
|
@ -28090,6 +28090,12 @@ button .spinner-whirlpool {
|
|||
.email-reader-actions-row {
|
||||
display: contents;
|
||||
}
|
||||
/* Pin the More button to the far right of the flattened flex row — it
|
||||
sits at position 5 in the primary row's source order, so without an
|
||||
explicit order the secondary AI/Summary buttons land after it. */
|
||||
.email-reader-actions .email-reader-more-wrap {
|
||||
order: 99;
|
||||
}
|
||||
.email-reader-atts {
|
||||
display: flex; flex-wrap: wrap; gap: 6px;
|
||||
padding: 8px 14px;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue