Removing dev_sandbox

This commit is contained in:
Darren Burns
2022-02-18 12:27:11 +00:00
parent a0f3030030
commit 0e768380da
2 changed files with 0 additions and 126 deletions

View File

@@ -1,66 +0,0 @@
from rich.console import RenderableType
from rich.panel import Panel
from textual import events
from textual.app import App
from textual.renderables._tab_headers import Tab
from textual.widget import Widget
from textual.widgets.tabs import Tabs
class PanelWidget(Widget):
def render(self) -> RenderableType:
return Panel("hello world!", title="Title")
class BasicApp(App):
"""Sandbox application used for testing/development by Textual developers"""
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
self.tabs = Tabs(
[
Tab("One", name="one"),
Tab("Two", name="two"),
Tab("Three", name="three"),
Tab("Four", name="four"),
Tab("Five", name="five"),
Tab("Six", name="six"),
Tab("SixHundred", name="seven"),
Tab("Eight", name="eight"),
],
active_tab="three",
tab_padding=1,
)
self.tab_keys = {
"1": "one",
"2": "two",
"3": "three",
"4": "four",
"5": "five",
"6": "six",
"7": "seven",
"8": "eight",
}
def on_load(self):
"""Bind keys here."""
self.bind("tab", "toggle_class('#sidebar', '-active')")
self.bind("a", "toggle_class('#header', '-visible')")
self.bind("c", "toggle_class('#content', '-content-visible')")
self.bind("d", "toggle_class('#footer', 'dim')")
def on_key(self, event: events.Key) -> None:
self.tabs._active_tab_name = self.tab_keys.get(event.key, "one")
def on_mount(self):
"""Build layout here."""
self.mount(
header=self.tabs,
content=PanelWidget(),
footer=Widget(),
sidebar=Widget(),
)
BasicApp.run(css_file="dev_sandbox.scss", watch_css=True, log="textual.log")

View File

@@ -1,60 +0,0 @@
/* CSS file for dev_sandbox.py */
$text: #f0f0f0;
$primary: #262626;
$secondary:#95d52a;
$background: #262626;
$primary-style: $text on $background;
$animation-speed: 500ms;
$animation: offset $animation-speed in_out_cubic;
App > View {
docks: side=left/1;
text: on $background;
}
Widget:hover {
outline: heavy;
text: bold !important;
}
#sidebar {
text: $primary-style;
dock: side;
width: 24;
offset-x: -100%;
transition: $animation;
border-right: outer $secondary;
}
#sidebar.-active {
offset-x: 0;
}
#header {
text: $text on $primary;
height: 2;
}
#header.-visible {
visibility: hidden;
}
#content {
text: $text on $background;
}
#content.-content-visible {
visibility: hidden;
}
#footer {
opacity: 1;
text: $text on $primary;
border-top: hkey $secondary;
}
#footer.dim {
opacity: 0.5;
}