mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Update docs with new border type.
Related PRs: #2139. Related comments: https://github.com/Textualize/textual/pull/2139\#discussion_r1149249378
This commit is contained in:
@@ -21,6 +21,7 @@ The [`<border>`](/css_types/border) type can take any of the following values:
|
|||||||
| `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. |
|
||||||
|
| `thick` | Border style that is consistently thick across edges. |
|
||||||
| `vkey` | Vertical key-line border. |
|
| `vkey` | Vertical key-line border. |
|
||||||
| `wide` | Solid border with additional space left and right. |
|
| `wide` | Solid border with additional space left and right. |
|
||||||
|
|
||||||
|
|||||||
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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")
|
||||||
|
|||||||
Reference in New Issue
Block a user