{
"id": "L01",
"title": "Single-line list",
"topic": "lists",
"use": "A list in which every entry fits on one line. The identifier comes first, the label after it. The identifier is never cut — it is what users search for; the label is cut instead. All rows are the same height, also the ones that carry nothing extra.",
"decisions": [
"The identifier comes first and is never cut: it is what users search for, and in payroll the number is the name. The label after it is cut instead — a label can be explained, a number cannot.",
"The identifier stands in tabular figures, so the numbers form one edge and the labels after them start on another.",
"One line means no secondary line in any entry: as soon as a single entry needs two lines, the whole list is a two-line list (L02), not a one-line list with gaps.",
"All rows are the same height, also the ones that carry nothing extra: a list whose rows jump in height reads as unfinished.",
"A long label is cut with an ellipsis, not wrapped: a wrap makes two lines of one and takes the list its edge. The full text appears in an ed-tooltip on hover, on exactly the labels that are cut."
],
"try": [
{
"do": "Read the identifiers from top to bottom",
"then": "they stand on one edge in tabular figures, and the labels after them start on one edge too"
},
{
"do": "Make the window narrow",
"then": "the long label is cut with an ellipsis, while every identifier stays whole"
},
{
"do": "Point at the cut label",
"then": "its full text appears; a label that fits shows nothing on hover"
},
{
"do": "Compare the row heights",
"then": "every row is the same height, the cut one included"
}
],
"revision": 2,
"changes": [
{
"revision": 2,
"change": "The full text of a cut label is an ed-tooltip, not the label's title; it comes and goes with the cut."
}
],
"reviewed": true,
"source": "
\n \n\n \n
1000 Monthly salary
\n
1200 Overtime pay
\n
2100 Company car benefit in kind
\n
3400 Capital-forming benefits, employer contribution under the collective agreement