mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
2a810f8c87
* Add Widget.border_title and border_subtitle. Related issues: #1864 * Test setting border_(sub)title. * Add border (sub)title references to StylesCache. These internal references will make it easier for the instance of 'StylesCache' to know which border (sub)title to use, if/when needed. * Add method to render border label. * Add styles to align border (sub)title. * Render border labels. * Update styles template. * Make new 'render_row' parameters optional. * Add (sub)title border snapshot tests. * Document border (sub)title and styles. * Pass (sub)title directly as arguments. Get rid of the watchers to make data flow easier to follow. Related comment: https://github.com/Textualize/textual/pull/2064/files\#r1137746697 * Tweak example. * Fix render_border_label. This was wrong because border labels can be composed of multiple segments if they contain multiple styles. Additionally, we want to render a single blank space of padding around the title. * Ensure we get no label when there's no space. * Add tests for border label rendering. * 'render_border_label' now returns iterable of segments. * Add label to render_row. * Fix calling signature in tests. * Add padding to snapshot tests. * Fix changelog. * Update snapshot tests. * Update snapshot tests. * Border labels expand if there's no corners. * Update CHANGELOG.md * Fix docs. * Remove irrelevant line. * Fix snapshot tests. * Don't share Console among tests. * Simplify example in styles guide. * Avoid expensive function call when possible. * rewording * positive branch first * remove wasteful indirection * fix changelog --------- Co-authored-by: Will McGugan <willmcgugan@gmail.com>
24 lines
377 B
CSS
24 lines
377 B
CSS
#label1 {
|
|
border: solid $secondary;
|
|
border-subtitle-align: left;
|
|
}
|
|
|
|
#label2 {
|
|
border: dashed $secondary;
|
|
border-subtitle-align: center;
|
|
}
|
|
|
|
#label3 {
|
|
border: tall $secondary;
|
|
border-subtitle-align: right;
|
|
}
|
|
|
|
Screen > Label {
|
|
width: 100%;
|
|
height: 5;
|
|
content-align: center middle;
|
|
color: white;
|
|
margin: 1;
|
|
box-sizing: border-box;
|
|
}
|