Open Order detail on its own page (960px wide as designed)
Preview width
Showing at 960px wide.
Order detail
Everything about one order: status, facts, items, a private note, an activity timeline, a main action and a More actions menu.
Consumer provides: the record’s data, its history and the available actions.
- Breadcrumb back to the list; the
h1names the record and carries its status Badge. - One primary action as a button (the most likely next step); everything else goes in a MenuButton.
- Facts are a two-column
<dl>: label ingray-text, value incanvas-text. - The timeline is an
<ol reversed>, newest first, each entry with a<time>. The newest dot is filled; the line joining them isrule. - On narrow screens the activity column stacks under the details.