ToolTray
The » overflow tray: an icon-only strip holding the editing tools that don't fit the bar.
Consumer provides: the overflowed tools in canonical order, the page label, the zoom level and lock state.
Contents, in order
‹ page label › │ Add page, Delete page │ Page settings, Copy from date │ Zoom out, level, Zoom in │ Lock zoom. Tools that fit the bar (by width) leave the tray in the same order.
Rules
- Icons only, 48 dp targets, groups separated by 24 dp
dividerticks. No labels and no labelled dropdowns. - Zoom is a stepper: − / level / + steps through 30–300%; tapping the level fits width. Lock zoom is an IconButton with the selected state when on.
- Page label "2/3" in tabular numerals, read as "Page 2 of 3".
- Delete page is
urgent. - 2 dp
inkframe (stroke-frame),radius-md, 4 dp inner padding, no shadow or scrim. - Phone: two rows, anchored right above the bottom tool bar. Tablet: one row, 4 dp under the app bar, right-aligned 8 dp from the screen edge (with page settings and zoom it is too wide to hang from »).
- The » button shows its selected state while the tray is open.
Preview
Phone · two rows above the bottom tool bar
2/3
Tablet · one row under the app bar, right-aligned
2/3
100%