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

Delete some old sandbox stuff

Browse Source
This commit is contained in:
Darren Burns
2022-09-22 14:56:34 +01:00
parent e521eea99f
commit 0b23ccff1e
3 changed files with 0 additions and 207 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
sandbox/darren/focus_keybindings.py
View File

@@ -1,54 +0,0 @@
from textual.app import App
from textual.widget import Widget
from textual.widgets import Static
class FocusKeybindsApp(App):
dark = True
def on_load(self) -> None:
self.bind("1", "focus('widget1')")
self.bind("2", "focus('widget2')")
self.bind("3", "focus('widget3')")
self.bind("4", "focus('widget4')")
self.bind("q", "focus('widgetq')")
self.bind("w", "focus('widgetw')")
self.bind("e", "focus('widgete')")
self.bind("r", "focus('widgetr')")
def on_mount(self) -> None:
info = Static(
"Use keybinds to shift focus between the widgets in the lists below",
)
self.mount(info=info)
self.mount(
body=Widget(
Widget(
Static("Press 1 to focus", id="widget1", classes="list-item"),
Static("Press 2 to focus", id="widget2", classes="list-item"),
Static("Press 3 to focus", id="widget3", classes="list-item"),
Static("Press 4 to focus", id="widget4", classes="list-item"),
classes="list",
id="left_list",
),
Widget(
Static("Press Q to focus", id="widgetq", classes="list-item"),
Static("Press W to focus", id="widgetw", classes="list-item"),
Static("Press E to focus", id="widgete", classes="list-item"),
Static("Press R to focus", id="widgetr", classes="list-item"),
classes="list",
id="right_list",
),
),
)
self.mount(footer=Static("No widget focused"))
def on_descendant_focus(self):
self.get_child("footer").update(
f"Focused: {self.focused.id}" or "No widget focused"
)
app = FocusKeybindsApp(css_path="focus_keybindings.scss", watch_css=True)
app.run()

57
sandbox/darren/focus_keybindings.scss
View File

@@ -1,57 +0,0 @@
App > Screen {
layout: dock;
docks: left=left top=top;
}
#info {
background: $primary;
dock: top;
height: 3;
padding: 1;
}
#body {
dock: top;
layout: dock;
docks: bodylhs=left;
}
#left_list {
dock: bodylhs;
padding: 2;
}
#right_list {
dock: bodylhs;
padding: 2;
}
#footer {
height: 1;
background: $secondary;
padding: 0 1;
dock: top;
}
.list {
background: $surface;
border-top: hkey $surface-darken-1;
}
.list:focus-within {
background: $primary-darken-1;
outline-top: $accent-lighten-1;
outline-bottom: $accent-lighten-1;
}
.list-item {
background: $surface;
height: auto;
border: $surface-darken-1 tall;
padding: 0 1;
}
.list-item:focus {
background: $surface-darken-1;
outline: $accent tall;
}