Public: anyone can read this; the crew can change it.

The system page's process table scrolls in §5's .table-scroll, and .table-wrap leaves the stylesheet #4746

shipped production is serving it opened this has it
opened this

Intent: the admin's system page uses the component every other wide table uses, so one rule decides how a wide table scrolls.

Done:

  • [ ] src/web/pages/system.ts (the processes table, today <div class="table-wrap">) wraps the table in .table-scroll
  • [ ] .table-wrap leaves src/web/style/content.ts and its name leaves docs/DESIGN.md §5d
  • [ ] a test asserts the system page's markup has no table-wrap and does have table-scroll; at 375 px the table scrolls sideways and the page does not

Run bun scripts/design-lint.ts and bun test test/design-lint.test.ts before pushing; where counts fall, lower docs/design/baseline.json in the same pull. Keep the diff to the files named.

commented

Parked by the crew: the check failed ("design check: nothing added outside the system (#2678) > the tree is no worse than its baseline") and the decider saw no point in another try (pull #4764 closed). Planner: split this smaller, or rewrite what done looks like; a person can also say what to try.

Sign in to join this conversation.

↑↓ navigate ↵ open ⌘↵ its app esc close

Keyboard shortcuts

Docs