wrolpi/app/src/components/ui
Roland 02aed6d7f5
ui: raise the suggestion list's cap, which the scale outgrew
CI's cypress-e2e job went red on the interface scale: `directory-search.cy.js` failed
`expected '<div.wrolpi-searchbox-result-title>' to be 'visible'`.

The suggestion list is capped at `min(60vh, 30rem)`.  The rem ceiling scales with the
interface but a fraction of the VIEWPORT does not, so when the type grew 10% the rows grew
and the cap did not: the full set of grouped suggestions now needs about 420px, and 60vh of
a 660px-tall window -- Cypress's default -- is 396px.  The last group was clipped again,
which is the exact defect the comment on that rule already describes.

70vh is 462px there, and the 30rem ceiling still bounds it on a tall window, so the list
cannot cover the page either way.

Measured rather than guessed: the spec fails at 660px of viewport height and passes from
700px up, so the shortfall was about 24px.

Verified: all 50 e2e specs pass locally, 248 ui-layout component tests, 1141 jest tests.
2026-08-08 18:05:51 -06:00
..
Button.tsx ui: the map pin buttons were three sizes for three reasons 2026-08-08 18:05:50 -06:00
DataTable.tsx ui: give tables a real header, drop the column grid, quiet the row rules 2026-08-08 18:05:45 -06:00
Feedback.tsx ui: scale the whole interface by 10%, off the root font-size 2026-08-08 18:05:51 -06:00
Icon.tsx ui: map the twelve icon names that were rendering as question marks 2026-08-08 18:05:45 -06:00
index.ts ui: nine leaf files off Semantic, and the components they needed 2026-08-08 18:04:00 -06:00
Inputs.tsx ui: scale the whole interface by 10%, off the root font-size 2026-08-08 18:05:51 -06:00
modal-stack.cy.js review: the spread was overwriting the stack, and the guard was blind 2026-08-08 18:05:49 -06:00
Navigation.tsx ui: nine leaf files off Semantic, and the components they needed 2026-08-08 18:04:00 -06:00
Overlays.tsx ui: scale the whole interface by 10%, off the root font-size 2026-08-08 18:05:51 -06:00
SearchBox.tsx ui: fix the cypress failures, and two real defects behind them 2026-08-08 18:04:01 -06:00
Surfaces.tsx ui: scale the whole interface by 10%, off the root font-size 2026-08-08 18:05:51 -06:00
ThemePicker.tsx ui: media filtering is a per-theme setting, not a night-mode hardcode 2026-08-08 18:04:00 -06:00
toast.test.js style: spell it "color" everywhere 2026-08-08 18:05:50 -06:00
toast.ts ui: semantic roles, so night and amber can tell severity apart at all 2026-08-08 18:05:46 -06:00
ui-layout.cy.js ui: let a landscape poster fill a one-column card, and fix three scale-blind tests 2026-08-08 18:05:51 -06:00
ui.css ui: raise the suggestion list's cap, which the scale outgrew 2026-08-08 18:05:51 -06:00
ui.test.js ui: scale the whole interface by 10%, off the root font-size 2026-08-08 18:05:51 -06:00