{
"id": "TB02",
"title": "Actions only",
"topic": "toolbar",
"use": "On a detail page the toolbar carries actions only. There is no search, no filter and no view switch — there is only this one record. The bar starts at the left and stays there, without a spacer. It sticks above the form, so that “Save voucher” does not scroll away on a long form.",
"decisions": [
"A detail page's toolbar carries actions only: with a single record there is nothing to search, filter or switch.",
"The bar starts at the left and stays there: with no view controls there is no second group to hold at the right edge.",
"The voucher's name, number and state stand in the page header, not in the bar, so the bar carries actions and nothing else on every detail page.",
"The bar sticks above the form, so Save voucher stays in reach in the fortieth field; Save therefore stands only there, not again under the form.",
"The sticky wrapper has an opaque background, the application's surface, or the content scrolls visibly through the bar.",
"Two states, two badges: the voucher's processing state and the unsaved change are different things, and one badge for both would swallow one of them.",
"Save voucher is disabled while nothing has changed, and an ed-tooltip on it says why; the header shows the change as the Unsaved badge, not the reason in words. The tooltip stands outside the bar, since in the action slot it would count as an action."
],
"try": [
{
"do": "Point at Save voucher",
"then": "the button is disabled, and its tooltip says why — “Nothing has changed”"
},
{
"do": "Change a field",
"then": "Save voucher becomes available, and the Unsaved badge appears in the header"
},
{
"do": "Type the old value back in",
"then": "the badge goes away, and the button is disabled again"
},
{
"do": "Type the amount as 4812.5 or 4,812.50",
"then": "it is the amount the voucher had, so the badge stays away and the button stays disabled"
},
{
"do": "Press Review voucher",
"then": "the state becomes Reviewed; an unsaved change stays beside it"
},
{
"do": "Press Save voucher",
"then": "the toast confirms with the voucher number, Unsaved disappears, the state stays"
},
{
"do": "Make the window narrow",
"then": "the toolbar stays at the left and does not move to the right"
},
{
"do": "Scroll down",
"then": "the toolbar stays at the top, the header scrolls away"
}
],
"revision": 3,
"changes": [
{
"revision": 3,
"change": "Amount is a text field with inputmode decimal instead of the number type, and the page reads it with the locale's separators: 4,812.50 typed over 4812.50 is the amount it had."
},
{
"revision": 2,
"change": "Why Save voucher is disabled is an ed-tooltip on the button, outside the toolbar; the header no longer says Nothing has changed, and the button has no title."
}
],
"reviewed": true,
"source": "\n\n
\n
\n RE-2026-04188\n
Maintenance of lifting platform, hall 2
\n
\n Open\n Unsaved\n
\n
\n\n
\n \n Save voucher\n Review voucher\n Copy voucher\n \n Delete voucher\n \n Nothing has changed\n