alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity

Review changes

Browse Source
This commit is contained in:
Will McGugan
2022-08-26 10:58:46 +01:00
parent f7d8c6ad4a
commit ff579ea526
2 changed files with 2 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
docs/examples/demo.py
View File

@@ -130,7 +130,6 @@ class BasicApp(App, css_path="basic.css"):
classes="scrollable", classes="scrollable",
), ),
table, table,
Widget(DirectoryTree("~/projects/textual"), id="tree-container"),
Error(), Error(),
Tweet(TweetBody(), classes="scrollbar-size-custom"), Tweet(TweetBody(), classes="scrollbar-size-custom"),
Warning(), Warning(),

6
docs/guide/CSS.md
View File

@@ -56,8 +56,6 @@ The lines inside the curly braces contains CSS _rules_, which consist of a rule
The first rule in the above example reads `"dock: top;"`. The rule name is `dock` which tells Textual to place the widget on an edge of the screen. The text after the colon is `top` which tells Textual to dock to the _top_ of the screen. Other valid values for `dock` are "right", "bottom", or "left"; but `top` is most appropriate for a header. The first rule in the above example reads `"dock: top;"`. The rule name is `dock` which tells Textual to place the widget on an edge of the screen. The text after the colon is `top` which tells Textual to dock to the _top_ of the screen. Other valid values for `dock` are "right", "bottom", or "left"; but `top` is most appropriate for a header.
You may be able to guess what some of the the other rules do. We will cover those later.
## The DOM ## The DOM
The DOM, or _Document Object Model_, is a term borrowed from the web world. Textual doesn't use documents but the term has stuck. In Textual CSS, the DOM is a an arrangement of widgets you can visualize as a tree-like structure. The DOM, or _Document Object Model_, is a term borrowed from the web world. Textual doesn't use documents but the term has stuck. In Textual CSS, the DOM is a an arrangement of widgets you can visualize as a tree-like structure.
@@ -189,7 +187,7 @@ Let's look at the selectors supported by Textual CSS.
### Type selector ### Type selector
The _type_ selector matches the name of the (Python) class, which is literally the name of the class in your Python code. For example, the following widget can be matched with a `Button` selector: The _type_ selector matches the name of the (Python) class. For example, the following widget can be matched with a `Button` selector:
```python ```python
from textual.widgets import Widget from textual.widgets import Widget
@@ -320,7 +318,7 @@ Here are some other pseudo classes:
## Combinators ## Combinators
More sophisticated selectors can be created by combining simple selectors. The rule that combines selectors is know as a _combinator_. More sophisticated selectors can be created by combining simple selectors. The logic used to combine selectors is know as a _combinator_.
### Descendant combinator ### Descendant combinator