mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
d58a072dfc
This is the part where the [guide](https://textual.textualize.io/guide/widgets/#default-css) explains the `DEFAULT_CSS` feature, leaving a small amount of css in `hello04.css`. However, the App class still links to the css file from the previous version (`hello03.css`). This PR fixes that and updates to the recent one.
60 lines
1.1 KiB
Python
60 lines
1.1 KiB
Python
from itertools import cycle
|
|
|
|
from textual.app import App, ComposeResult
|
|
from textual.widgets import Static
|
|
|
|
|
|
hellos = cycle(
|
|
[
|
|
"Hola",
|
|
"Bonjour",
|
|
"Guten tag",
|
|
"Salve",
|
|
"Nǐn hǎo",
|
|
"Olá",
|
|
"Asalaam alaikum",
|
|
"Konnichiwa",
|
|
"Anyoung haseyo",
|
|
"Zdravstvuyte",
|
|
"Hello",
|
|
]
|
|
)
|
|
|
|
|
|
class Hello(Static):
|
|
"""Display a greeting."""
|
|
|
|
DEFAULT_CSS = """
|
|
Hello {
|
|
width: 40;
|
|
height: 9;
|
|
padding: 1 2;
|
|
background: $panel;
|
|
border: $secondary tall;
|
|
content-align: center middle;
|
|
}
|
|
"""
|
|
|
|
def on_mount(self) -> None:
|
|
self.next_word()
|
|
|
|
def on_click(self) -> None:
|
|
self.next_word()
|
|
|
|
def next_word(self) -> None:
|
|
"""Get a new hello and update the content area."""
|
|
hello = next(hellos)
|
|
self.update(f"{hello}, [b]World[/b]!")
|
|
|
|
|
|
class CustomApp(App):
|
|
CSS_PATH = "hello04.css"
|
|
|
|
def compose(self) -> ComposeResult:
|
|
yield Hello()
|
|
|
|
|
|
if __name__ == "__main__":
|
|
app = CustomApp()
|
|
app.run()
|