diff --git a/docs/styles/scrollbar_colors/scrollbar_background.md b/docs/styles/scrollbar_colors/scrollbar_background.md index 199f46249..e2792c67e 100644 --- a/docs/styles/scrollbar_colors/scrollbar_background.md +++ b/docs/styles/scrollbar_colors/scrollbar_background.md @@ -23,7 +23,12 @@ The `scrollbar-background` sets the background color of the scrollbar. === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_background_active.md b/docs/styles/scrollbar_colors/scrollbar_background_active.md index 6bab78684..2652418ee 100644 --- a/docs/styles/scrollbar_colors/scrollbar_background_active.md +++ b/docs/styles/scrollbar_colors/scrollbar_background_active.md @@ -24,7 +24,12 @@ The `scrollbar-background-active` sets the background color of the scrollbar whe === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_background_hover.md b/docs/styles/scrollbar_colors/scrollbar_background_hover.md index c86bd42b0..b01ebe1b9 100644 --- a/docs/styles/scrollbar_colors/scrollbar_background_hover.md +++ b/docs/styles/scrollbar_colors/scrollbar_background_hover.md @@ -24,7 +24,12 @@ The `scrollbar-background-hover` sets the background color of the scrollbar when === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_color.md b/docs/styles/scrollbar_colors/scrollbar_color.md index 7943dc232..421e67661 100644 --- a/docs/styles/scrollbar_colors/scrollbar_color.md +++ b/docs/styles/scrollbar_colors/scrollbar_color.md @@ -24,7 +24,12 @@ The `scrollbar-color` sets the color of the scrollbar. === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_color_active.md b/docs/styles/scrollbar_colors/scrollbar_color_active.md index 9e33efc3c..6767790ff 100644 --- a/docs/styles/scrollbar_colors/scrollbar_color_active.md +++ b/docs/styles/scrollbar_colors/scrollbar_color_active.md @@ -24,7 +24,12 @@ The `scrollbar-color-active` sets the color of the scrollbar when the thumb is b === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_color_hover.md b/docs/styles/scrollbar_colors/scrollbar_color_hover.md index 1ef9c53a5..3005d0da1 100644 --- a/docs/styles/scrollbar_colors/scrollbar_color_hover.md +++ b/docs/styles/scrollbar_colors/scrollbar_color_hover.md @@ -24,7 +24,12 @@ The `scrollbar-color-hover` sets the color of the scrollbar when the cursor is o === "Output" - Awaits resolution of [issue 1479](https://github.com/textualize/textual/issues/1479). + ![](scrollbar_colors_demo.gif) + + !!! note + + The GIF above has reduced quality to make it easier to load in the documentation. + Try running the example yourself with `textual run docs/examples/styles/scrollbars2.py`. === "scrollbars2.py" diff --git a/docs/styles/scrollbar_colors/scrollbar_colors_demo.gif b/docs/styles/scrollbar_colors/scrollbar_colors_demo.gif new file mode 100644 index 000000000..b78a05afe Binary files /dev/null and b/docs/styles/scrollbar_colors/scrollbar_colors_demo.gif differ