root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FN-2551): normalize mailbox mobile header control sizing

Browse Source 
- Consolidate mobile mailbox header-actions rules for modal and view layouts with tokenized spacing
- Enforce 36px minimum height/width for action buttons and icon controls on mobile
- Normalize modal close control mobile padding and radius for consistent alignment
- Add CSS contract assertions in MailboxModal and MailboxView tests for spacing and control dimensions
This commit is contained in:
Fusion
2026-04-25 15:37:02 -07:00
committed by gsxdsm
parent 825fecbb35
commit f589359e83
3 changed files with 33 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
packages/dashboard/app/components/MailboxModal.css
View File

@@ -560,9 +560,33 @@
flex-shrink: 0;
}
.mailbox-modal .mailbox-header-actions {
.mailbox-modal .mailbox-header-actions,
.mailbox-view .mailbox-header-actions {
flex-wrap: wrap;
gap: 6px;
align-items: center;
gap: var(--space-sm);
}
.mailbox-modal .mailbox-header-actions .btn,
.mailbox-modal .mailbox-header-actions .btn-icon,
.mailbox-modal .mailbox-header-actions .modal-close,
.mailbox-view .mailbox-header-actions .btn,
.mailbox-view .mailbox-header-actions .btn-icon {
min-height: 36px;
}
.mailbox-modal .mailbox-header-actions .btn-icon,
.mailbox-modal .mailbox-header-actions .modal-close,
.mailbox-view .mailbox-header-actions .btn-icon {
min-width: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.mailbox-modal .mailbox-header-actions .modal-close {
padding: 0;
border-radius: var(--radius-sm);
}
.mailbox-modal .mailbox-tabs {
@@ -637,11 +661,6 @@
flex-shrink: 0;
}
.mailbox-view .mailbox-header-actions {
flex-wrap: wrap;
gap: 6px;
}
.mailbox-view .mailbox-tabs {
overflow-x: auto;
-webkit-overflow-scrolling: touch;