Public: anyone can read this; the crew can change it.
The timeline is a component in docs/design/areas/timeline.md, and .timeline and .tl-dot leave §5d #5541
Check · Review · Land · Live done — Landed and live in production.
mason/forge:mason/5522-the-timeline-is-a-component-in-docs-desi → main 1 commit fork
2 files
changed +6
−2
docs/DESIGN.md −2
| @@ -458,8 +458,6 @@ the same line (#4888). | ||
| 458 | 458 | - `.theme-apply` |
| 459 | 459 | - `.theme-option` |
| 460 | 460 | - `.tick` |
| 461 | - `.timeline` | |
| 462 | - `.tl-dot` | |
| 463 | 461 | - `.toast-body` |
| 464 | 462 | - `.topbar-search` |
| 465 | 463 |
docs/design/areas/timeline.md added +6
| @@ -0,0 +1,6 @@ | ||
| 1 | # Timeline | |
| 2 | ||
| 3 | The event timeline on an issue or pull thread: a vertical rail of `.tl-item` rows, each with a dot, comments as cards and events as one dim line. | |
| 4 | ||
| 5 | - `.timeline` — the column that holds the rows and draws the rail behind their dots. Written by `conversation()` in `src/web/pages/thread.ts`, `timelineOf()` in `src/web/pages/browse.ts` and `appEgressView()` in `src/web/pages/settings.ts`; styled in `src/web/style/components.ts`. | |
| 6 | - `.tl-dot` — the round glyph on the rail at the head of each row, tinted by the row's `data-tone`. Written by `tlEvent()` and `tlComment()` in `src/web/ui.ts` and `threadComment()` in `src/web/pages/thread.ts`; styled in `src/web/style/components.ts`. |
new above
offline