diff --git a/examples/dev_sandbox.py b/examples/dev_sandbox.py deleted file mode 100644 index 60299cac8..000000000 --- a/examples/dev_sandbox.py +++ /dev/null @@ -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") diff --git a/examples/dev_sandbox.scss b/examples/dev_sandbox.scss deleted file mode 100644 index f49ece1a6..000000000 --- a/examples/dev_sandbox.scss +++ /dev/null @@ -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; -}