Scrolling
one thumb formula. The ui-gallery page Scrolling, painted with no terminal and no window at each of the documented profiles:
bash
ui-gallery --render --page scrolling --profile full|enhanced|baseline sparkles:ui one thumb formula tokyo-night
Welcome ▕ Scrolling · one thumb formula █
Primitives ▕ █
Layout ▕ █
Tracks ▕ A scroll view is a clipping container plus a child offset — the layout █
Text ▕ engine's viewport primitive with the scroll machine plugged in. Rows █
Themes ▕ above the viewport get negative frames, and the display list culls █
Slots ▕ whatever falls fully outside. █
Decoration ▕ █
Effects ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Grid ▕ │ forty rows in an eight-row viewport │ █
Components ▕ │ 1 — a landmark row — █ │ █
Tree ▕ │ 2 the quick brown fox ░ │ █
Property tree ▕ │ 3 the quick brown fox ░ │ ░
Table ▕ │ 4 the quick brown fox ░ │ ░
▸ Scrolling ▕ │ 5 the quick brown fox ░ │ ░
State ▕ │ 6 — a landmark row — ░ │ ░
Split ▕ │ 7 the quick brown fox ░ │ ░
Dock ▕ │ 8 the quick brown fox ░ │ ░
Terminal ▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ the machine │ ░
▕ │ offset 0 of 32 │ ░
▕ │ thumb start 0, extent 1 │ ░
▕ │ track 8 cells │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ the same formula at three offsets │ ░
▕
pages n down p up N page down P page up g top G bottom ? keys q quit sparkles:ui one thumb formula tokyo-night
Welcome ▕ Scrolling · one thumb formula █
Primitives ▕ █
Layout ▕ █
Tracks ▕ A scroll view is a clipping container plus a child offset — the layout █
Text ▕ engine's viewport primitive with the scroll machine plugged in. Rows █
Themes ▕ above the viewport get negative frames, and the display list culls █
Slots ▕ whatever falls fully outside. █
Decoration ▕ █
Effects ▕ ┌─────────────────────────────────────────────────────────────────────┐ █
Grid ▕ │ forty rows in an eight-row viewport │ █
Components ▕ │ 1 — a landmark row — █ │ █
Tree ▕ │ 2 the quick brown fox ░ │ █
Property tree ▕ │ 3 the quick brown fox ░ │ ░
Table ▕ │ 4 the quick brown fox ░ │ ░
▸ Scrolling ▕ │ 5 the quick brown fox ░ │ ░
State ▕ │ 6 — a landmark row — ░ │ ░
Split ▕ │ 7 the quick brown fox ░ │ ░
Dock ▕ │ 8 the quick brown fox ░ │ ░
Terminal ▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ the machine │ ░
▕ │ offset 0 of 32 │ ░
▕ │ thumb start 0, extent 1 │ ░
▕ │ track 8 cells │ ░
▕ └─────────────────────────────────────────────────────────────────────┘ ░
▕ ░
▕ ┌─────────────────────────────────────────────────────────────────────┐ ░
▕ │ the same formula at three offsets │ ░
▕
pages n down p up N page down P page up g top G bottom ? keys q quit sparkles:ui one thumb formula tokyo-night
Welcome | Scrolling * one thumb formula #
Primitives | #
Layout | #
Tracks | A scroll view is a clipping container plus a child offset - the layout #
Text | engine's viewport primitive with the scroll machine plugged in. Rows #
Themes | above the viewport get negative frames, and the display list culls #
Slots | whatever falls fully outside. #
Decoration | #
Effects | +---------------------------------------------------------------------+ #
Grid | | forty rows in an eight-row viewport | #
Components | | 1 - a landmark row - # | #
Tree | | 2 the quick brown fox | | #
Property tree | | 3 the quick brown fox | | |
Table | | 4 the quick brown fox | | |
> Scrolling | | 5 the quick brown fox | | |
State | | 6 - a landmark row - | | |
Split | | 7 the quick brown fox | | |
Dock | | 8 the quick brown fox | | |
Terminal | +---------------------------------------------------------------------+ |
| |
| +---------------------------------------------------------------------+ |
| | the machine | |
| | offset 0 of 32 | |
| | thumb start 0, extent 1 | |
| | track 8 cells | |
| +---------------------------------------------------------------------+ |
| |
| +---------------------------------------------------------------------+ |
| | the same formula at three offsets | |
|
pages n down p up N page down P page up g top G bottom ? keys q quit What each profile gives up
The frame's degradation report: one line per substitution, and the capability the target lacked. full is empty when the page asks for nothing a terminal cannot do.
text
alpha-flattened ×3 (alpha)text
color-folded ×81 (colorDepth)
alpha-flattened ×3 (alpha)text
color-dropped ×81 (colorDepth)
ascii-border ×4 (unicode)
ascii-scrollbar ×2 (unicode)
ascii-glyph ×5 (unicode)
alpha-flattened ×3 (alpha)These are the files dub test :ui-gallery compares every render against, so a change to this page that is not re-blessed fails CI.