From 5a72f26618bc3c5411d348e550b2c54f295e90f5 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Tue, 24 Dec 2024 17:00:38 +0000 Subject: [PATCH 1/2] docs(tutorial): update imported container type --- docs/tutorial.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorial.md b/docs/tutorial.md index 17279279ae..3d1b05bf1b 100644 --- a/docs/tutorial.md +++ b/docs/tutorial.md @@ -188,7 +188,7 @@ Just a skeleton for now, we will add the rest of the features as we go. ``` We've imported two new widgets in this code: [`Button`](widgets/button.md) for the buttons and [`Digits`](widgets/digits.md) for the time display. -Additionally, we've imported [`Horizontal`][textual.containers.Horizontal] and [`VerticalScroll`][textual.containers.VerticalScroll] from `textual.containers` (as the name of the module suggests, *containers* are widgets which contain other widgets). +Additionally, we've imported [`HorizontalGroup`][textual.containers.HorizontalGroup] and [`VerticalScroll`][textual.containers.VerticalScroll] from `textual.containers` (as the name of the module suggests, *containers* are widgets which contain other widgets). We will use these container widgets to define the general layout of our interface. The `TimeDisplay` is currently very simple, all it does is extend `Digits` without adding any new features. We will flesh this out later. From 8a1c406b206813404334f2910b0f8c3b7ec7dd7e Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Tue, 24 Dec 2024 17:13:03 +0000 Subject: [PATCH 2/2] docs(tutorial): fix pgup pgdn keys styling --- docs/tutorial.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/tutorial.md b/docs/tutorial.md index 3d1b05bf1b..baec888c99 100644 --- a/docs/tutorial.md +++ b/docs/tutorial.md @@ -205,7 +205,7 @@ The Button constructor takes a label to be displayed in the button (`"Start"`, ` ### Composing the widgets -The new line in `StopwatchApp.compose()` yields a single `VerticalScroll` which will scroll if the contents don't quite fit. This widget also takes care of key bindings required for scrolling, like ++up++, ++down++, ++pgdn++, ++pgup++, ++home++, ++end++, etc. +The new line in `StopwatchApp.compose()` yields a single `VerticalScroll` which will scroll if the contents don't quite fit. This widget also takes care of key bindings required for scrolling, like ++up++, ++down++, ++page-down++, ++page-up++, ++home++, ++end++, etc. When widgets contain other widgets (like `VerticalScroll`) they will typically accept their child widgets as positional arguments. So the line `yield VerticalScroll(Stopwatch(), Stopwatch(), Stopwatch())` creates a `VerticalScroll` containing three `Stopwatch` widgets.