App rail, pill counts, tinted folder icons and raised controls #46
Assignees
jcoffey-dev (John Coffey)
Clear assignees
jcoffey-dev (John Coffey)
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: inbuxa/inbuxa-webmail#46
Reference in new issue
Block a user
On a wide screen the switcher moves from the foot of the folder pane to a
rail down the left edge: Mail (with the inbox's unread badge), Calendar,
Contacts and Files, then Settings and the folder-list toggle at the
bottom. The top bar loses the menu button and the Settings gear there,
both now on the rail. Phones are unchanged: no rail, the tab bar, the
menu button for the drawer and the gear.
mail, neutral for totals (Drafts, Scheduled).
Junk, Trash, Scheduled); a color the reader picked still wins.
with a pressed state; Compose and the selected rail item are filled
with the accent.
Files, Settings and Admin have no icon-only form, so their sidebar
hides instead of being crushed.
hiding section headings lost to a later one of the same weight (this
is on main today too).
Contrast: the accent behind small text is darkened in light themes and
lightened a touch in dark ones. Measured in a browser across all 12
palettes x 6 accents x both modes: text on pills, the rail badge and
Compose at least 4.83:1, tinted icons at least 3.14:1 on the sidebar.
New strings: 2 ("Show folder list", "Hide folder list"), in all ten
catalogs (1699 -> 1701).
Tests: 8 new (app-rail CSS rules, folder role tints and pills); full suite 1500 passed; typecheck clean; i18n literals clean. Reviewed in Chrome on the mock in light and dark; the phone layout was not checked on a device.
On a wide screen the switcher moves from the foot of the folder pane to a rail down the left edge: Mail (with the inbox's unread badge), Calendar, Contacts and Files, then Settings and the folder-list toggle at the bottom. The top bar loses the menu button and the Settings gear there, both now on the rail. Phones are unchanged: no rail, the tab bar, the menu button for the drawer and the gear. - Folder counts are pills: filled with the accent when there is unread mail, neutral for totals (Drafts, Scheduled). - Role folders get their own icon tint (Inbox, Drafts, Sent, Archive, Junk, Trash, Scheduled); a color the reader picked still wins. - Buttons, Compose and the current selection have a top-lit, raised look with a pressed state; Compose and the selected rail item are filled with the accent. - Collapsing the sidebar keeps Mail's icon strip; Calendar, Contacts, Files, Settings and Admin have no icon-only form, so their sidebar hides instead of being crushed. - The collapsed sidebar no longer draws a cut-off "FOLDERS": the rule hiding section headings lost to a later one of the same weight (this is on main today too). Contrast: the accent behind small text is darkened in light themes and lightened a touch in dark ones. Measured in a browser across all 12 palettes x 6 accents x both modes: text on pills, the rail badge and Compose at least 4.83:1, tinted icons at least 3.14:1 on the sidebar. New strings: 2 ("Show folder list", "Hide folder list"), in all ten catalogs (1699 -> 1701).