mirror of
https://github.com/pewdiepie-archdaemon/odysseus.git
synced 2026-06-16 17:55:26 -04:00
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:
+7
-1
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user