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

Update docs with new border type.

Browse Source 
Related PRs: #2139.
Related comments: https://github.com/Textualize/textual/pull/2139\#discussion_r1149249378
This commit is contained in:
Rodrigo Girão Serrão
2023-03-27 16:55:26 +01:00
parent 0940546aab
commit 9fa7de13dc
3 changed files with 22 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
docs/css_types/border.md
View File

@@ -8,21 +8,22 @@ The [`<border>`](/css_types/border) type can take any of the following values:
| Border type | Description | | Border type | Description |
|-------------|----------------------------------------------------------| |-------------|----------------------------------------------------------|
| `ascii` | A border with plus, hyphen, and vertical bar characters. | | `ascii` | A border with plus, hyphen, and vertical bar characters. |
| `blank` | A blank border (reserves space for a border). | | `blank` | A blank border (reserves space for a border). |
| `dashed` | Dashed line border. | | `dashed` | Dashed line border. |
| `double` | Double lined border. | | `double` | Double lined border. |
| `heavy` | Heavy border. | | `heavy` | Heavy border. |
| `hidden` | Alias for "none". | | `hidden` | Alias for "none". |
| `hkey` | Horizontal key-line border. | | `hkey` | Horizontal key-line border. |
| `inner` | Thick solid border. | | `inner` | Thick solid border. |
| `none` | Disabled border. | | `none` | Disabled border. |
| `outer` | Solid border with additional space around content. | | `outer` | Solid border with additional space around content. |
| `round` | Rounded corners. | | `round` | Rounded corners. |
| `solid` | Solid border. | | `solid` | Solid border. |
| `tall` | Solid border with additional space top and bottom. | | `tall` | Solid border with additional space top and bottom. |
| `vkey` | Vertical key-line border. | | `thick` | Border style that is consistently thick across edges. |
| `wide` | Solid border with additional space left and right. | | `vkey` | Vertical key-line border. |
| `wide` | Solid border with additional space left and right. |
## Border command ## Border command

8
docs/examples/styles/border_all.css
View File

@@ -30,10 +30,6 @@
border: inner $accent; border: inner $accent;
} }
#none {
border: none $accent;
}
#outer { #outer {
border: outer $accent; border: outer $accent;
} }
@@ -50,6 +46,10 @@
border: tall $accent; border: tall $accent;
} }
#thick {
border: thick $accent;
}
#vkey { #vkey {
border: vkey $accent; border: vkey $accent;
} }

3
docs/examples/styles/border_all.py
View File

@@ -14,13 +14,14 @@ class AllBordersApp(App):
Label("hidden/none", id="hidden"), Label("hidden/none", id="hidden"),
Label("hkey", id="hkey"), Label("hkey", id="hkey"),
Label("inner", id="inner"), Label("inner", id="inner"),
Label("none", id="none"),
Label("outer", id="outer"), Label("outer", id="outer"),
Label("round", id="round"), Label("round", id="round"),
Label("solid", id="solid"), Label("solid", id="solid"),
Label("tall", id="tall"), Label("tall", id="tall"),
Label("thick", id="thick"),
Label("vkey", id="vkey"), Label("vkey", id="vkey"),
Label("wide", id="wide"), Label("wide", id="wide"),
) )
app = AllBordersApp(css_path="border_all.css") app = AllBordersApp(css_path="border_all.css")