From f83a905b4a9903b8c0af2730161bf3cadd3d28da Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 14 Jun 2024 22:31:56 +0100 Subject: [PATCH 01/20] fix(footer): enable padding between key and description --- src/textual/widgets/_footer.py | 6 +- .../__snapshots__/test_snapshots.ambr | 157 ++++++++++++++++++ .../snapshot_apps/footer_classic_styling.py | 47 ++++++ tests/snapshot_tests/test_snapshots.py | 5 + 4 files changed, 214 insertions(+), 1 deletion(-) create mode 100644 tests/snapshot_tests/snapshot_apps/footer_classic_styling.py diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 01aff311f9..9c79544d10 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -83,6 +83,7 @@ def render(self) -> Text: key_style = self.get_component_rich_style("footer-key--key") description_style = self.get_component_rich_style("footer-key--description") key_display = self.key_display + key_padding = self.get_component_styles("footer-key--key").padding if self.upper_case_keys: key_display = key_display.upper() if self.ctrl_to_caret and key_display.lower().startswith("ctrl+"): @@ -94,7 +95,10 @@ def render(self) -> Text: ) else: label_text = Text.assemble( - (f" {key_display} ", key_style), (description, description_style), " " + (f" {key_display} ", key_style), + " " * key_padding.right, + (description, description_style), + " ", ) label_text.stylize_before(self.rich_style) return label_text diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index d39d170cce..3eb956b79e 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -20996,6 +20996,163 @@ ''' # --- +# name: test_footer_classic_styling + ''' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ClassicFooterStylingApp + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +  CTRL+T Toggle Dark mode CTRL+Q Quit + + + + + ''' +# --- # name: test_footer_render ''' diff --git a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py new file mode 100644 index 0000000000..37fd9c8141 --- /dev/null +++ b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py @@ -0,0 +1,47 @@ +from textual.app import App, ComposeResult +from textual.widgets import Footer + + +class ClassicFooterStylingApp(App): + """ + This app attempts to replicate the styling of the classic footer in + Textual before v0.63.0, in particular the distinct background color + for the binding keys and padding between the key and binding description. + + Regression test for https://github.com/Textualize/textual/issues/4557 + """ + + CSS = """ + Footer { + background: $accent; + + FooterKey { + background: $accent; + color: $text; + + .footer-key--key { + background: $accent-darken-2; + color: $text; + padding-right: 1; + } + } + } + """ + + BINDINGS = [ + ("ctrl+t", "app.toggle_dark", "Toggle Dark mode"), + ("ctrl+q", "quit", "Quit"), + ] + + def compose(self) -> ComposeResult: + yield Footer() + + def on_mount(self) -> None: + footer = self.query_one(Footer) + footer.upper_case_keys = True + footer.ctrl_to_caret = False + + +if __name__ == "__main__": + app = ClassicFooterStylingApp() + app.run() diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index 07c8d4eb27..50230624d6 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -1288,3 +1288,8 @@ def test_hatch(snap_compare): def test_rules(snap_compare): """Test rules.""" assert snap_compare(SNAPSHOT_APPS_DIR / "rules.py") + + +def test_footer_classic_styling(snap_compare): + """Regression test for https://github.com/Textualize/textual/issues/4557""" + assert snap_compare(SNAPSHOT_APPS_DIR / "footer_classic_styling.py") From b78b23ef715a2a152a0e7a9fdd4a18280b7e74e0 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Tue, 18 Jun 2024 21:23:26 +0100 Subject: [PATCH 02/20] add snapshot test for compact footer --- .../__snapshots__/test_snapshots.ambr | 158 ++++++++++++++++++ .../snapshot_apps/footer_compact.py | 21 +++ tests/snapshot_tests/test_snapshots.py | 5 + 3 files changed, 184 insertions(+) create mode 100644 tests/snapshot_tests/snapshot_apps/footer_compact.py diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 3eb956b79e..dab6485883 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -21153,6 +21153,164 @@ ''' # --- +# name: test_footer_compact + ''' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CompactFooterApp + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ^tToggle Dark mode^qQuit + + + + + ''' +# --- # name: test_footer_render ''' diff --git a/tests/snapshot_tests/snapshot_apps/footer_compact.py b/tests/snapshot_tests/snapshot_apps/footer_compact.py new file mode 100644 index 0000000000..8e12d38179 --- /dev/null +++ b/tests/snapshot_tests/snapshot_apps/footer_compact.py @@ -0,0 +1,21 @@ +from textual.app import App, ComposeResult +from textual.widgets import Footer + + +class CompactFooterApp(App): + BINDINGS = [ + ("ctrl+t", "app.toggle_dark", "Toggle Dark mode"), + ("ctrl+q", "quit", "Quit"), + ] + + def compose(self) -> ComposeResult: + yield Footer() + + def on_mount(self) -> None: + footer = self.query_one(Footer) + footer.compact = True + + +if __name__ == "__main__": + app = CompactFooterApp() + app.run() diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index 50230624d6..ce04af6dd5 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -1290,6 +1290,11 @@ def test_rules(snap_compare): assert snap_compare(SNAPSHOT_APPS_DIR / "rules.py") +def test_footer_compact(snap_compare): + """Test Footer in the compact style""" + assert snap_compare(SNAPSHOT_APPS_DIR / "footer_compact.py") + + def test_footer_classic_styling(snap_compare): """Regression test for https://github.com/Textualize/textual/issues/4557""" assert snap_compare(SNAPSHOT_APPS_DIR / "footer_classic_styling.py") From 61add04a8e0d90fab156d26440cb05e562db609c Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 22:14:57 +0100 Subject: [PATCH 03/20] change space between key and description to margin --- src/textual/widgets/_footer.py | 14 +++++++++++--- .../snapshot_apps/footer_classic_styling.py | 2 +- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 9c79544d10..fe1e0e56b9 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -33,6 +33,7 @@ class FooterKey(Widget): color: $secondary; background: $panel; text-style: bold; + margin-right: 0; } &:light .footer-key--key { @@ -57,6 +58,10 @@ class FooterKey(Widget): } } + &.-compact .footer-key--key { + margin-right: 1; + } + } """ @@ -83,7 +88,8 @@ def render(self) -> Text: key_style = self.get_component_rich_style("footer-key--key") description_style = self.get_component_rich_style("footer-key--description") key_display = self.key_display - key_padding = self.get_component_styles("footer-key--key").padding + key_margin = self.get_component_styles("footer-key--key").margin + # key_padding = self.get_component_styles("footer-key--key").padding if self.upper_case_keys: key_display = key_display.upper() if self.ctrl_to_caret and key_display.lower().startswith("ctrl+"): @@ -91,12 +97,14 @@ def render(self) -> Text: description = self.description if self.compact: label_text = Text.assemble( - (key_display, key_style), " ", (description, description_style) + (key_display, key_style), + " " * key_margin.right, + (description, description_style), ) else: label_text = Text.assemble( (f" {key_display} ", key_style), - " " * key_padding.right, + " " * key_margin.right, (description, description_style), " ", ) diff --git a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py index 37fd9c8141..472bf5c51a 100644 --- a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py +++ b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py @@ -22,7 +22,7 @@ class ClassicFooterStylingApp(App): .footer-key--key { background: $accent-darken-2; color: $text; - padding-right: 1; + margin-right: 1; } } } From 1a26506fbc1370e9221fca17c9e8769eb65b1b37 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 22:47:27 +0100 Subject: [PATCH 04/20] change hardcoded key padding to component CSS --- src/textual/widgets/_footer.py | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index fe1e0e56b9..61ee743853 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -34,6 +34,7 @@ class FooterKey(Widget): background: $panel; text-style: bold; margin-right: 0; + padding: 0 1; } &:light .footer-key--key { @@ -60,6 +61,7 @@ class FooterKey(Widget): &.-compact .footer-key--key { margin-right: 1; + padding: 0; } } @@ -89,7 +91,7 @@ def render(self) -> Text: description_style = self.get_component_rich_style("footer-key--description") key_display = self.key_display key_margin = self.get_component_styles("footer-key--key").margin - # key_padding = self.get_component_styles("footer-key--key").padding + key_padding = self.get_component_styles("footer-key--key").padding if self.upper_case_keys: key_display = key_display.upper() if self.ctrl_to_caret and key_display.lower().startswith("ctrl+"): @@ -97,13 +99,19 @@ def render(self) -> Text: description = self.description if self.compact: label_text = Text.assemble( - (key_display, key_style), + ( + " " * key_padding.left + key_display + " " * key_padding.right, + key_style, + ), " " * key_margin.right, (description, description_style), ) else: label_text = Text.assemble( - (f" {key_display} ", key_style), + ( + " " * key_padding.left + key_display + " " * key_padding.right, + key_style, + ), " " * key_margin.right, (description, description_style), " ", From f9fa1441b2ce35e710693d61609f6c609eb9597c Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 22:59:02 +0100 Subject: [PATCH 05/20] simplify space between FooterKeys to grid gutter --- src/textual/widgets/_footer.py | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 61ee743853..91a3ca6cf1 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -114,7 +114,6 @@ def render(self) -> Text: ), " " * key_margin.right, (description, description_style), - " ", ) label_text.stylize_before(self.rich_style) return label_text @@ -135,14 +134,12 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False): Footer { layout: grid; grid-columns: auto; + grid-gutter: 1; background: $panel; color: $text; dock: bottom; height: 1; scrollbar-size: 0 0; - &.-compact { - grid-gutter: 1; - } } """ From 36ecb04c67feb97e07e6ed5c9913493e54f9e915 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 23:13:39 +0100 Subject: [PATCH 06/20] update snapshot tests that contain a footer --- .../__snapshots__/test_snapshots.ambr | 4068 ++++++++--------- 1 file changed, 2034 insertions(+), 2034 deletions(-) diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index dab6485883..c227a87a4d 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -1005,137 +1005,137 @@ font-weight: 700; } - .terminal-4249026757-matrix { + .terminal-1071168638-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4249026757-title { + .terminal-1071168638-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4249026757-r1 { fill: #c5c8c6 } - .terminal-4249026757-r2 { fill: #e3e3e3 } - .terminal-4249026757-r3 { fill: #e1e1e1 } - .terminal-4249026757-r4 { fill: #ff0000 } - .terminal-4249026757-r5 { fill: #fea62b;font-weight: bold } - .terminal-4249026757-r6 { fill: #a7a9ab } - .terminal-4249026757-r7 { fill: #e2e3e3 } + .terminal-1071168638-r1 { fill: #c5c8c6 } + .terminal-1071168638-r2 { fill: #e3e3e3 } + .terminal-1071168638-r3 { fill: #e1e1e1 } + .terminal-1071168638-r4 { fill: #ff0000 } + .terminal-1071168638-r5 { fill: #fea62b;font-weight: bold } + .terminal-1071168638-r6 { fill: #a7a9ab } + .terminal-1071168638-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - - - - ⭘GridHeightAuto - Here is some text before the grid - ┌──────────────────────────────────────────────────────────────────────────────┐ - │Cell #0Cell #1Cell #2│ - │Cell #3Cell #4Cell #5│ - │Cell #6Cell #7Cell #8│ - └──────────────────────────────────────────────────────────────────────────────┘ - Here is some text after the grid - - - - - - - - - - - - - - - -  g Grid v Vertical h Horizontal c Container + + + + ⭘GridHeightAuto + Here is some text before the grid + ┌──────────────────────────────────────────────────────────────────────────────┐ + │Cell #0Cell #1Cell #2│ + │Cell #3Cell #4Cell #5│ + │Cell #6Cell #7Cell #8│ + └──────────────────────────────────────────────────────────────────────────────┘ + Here is some text after the grid + + + + + + + + + + + + + + + +  g Grid v Vertical h Horizontal c Container @@ -1165,143 +1165,143 @@ font-weight: 700; } - .terminal-1064642788-matrix { + .terminal-925492540-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1064642788-title { + .terminal-925492540-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1064642788-r1 { fill: #c5c8c6 } - .terminal-1064642788-r2 { fill: #e1e1e1 } - .terminal-1064642788-r3 { fill: #f4005f } - .terminal-1064642788-r4 { fill: #98e024;font-weight: bold } - .terminal-1064642788-r5 { fill: #323232 } - .terminal-1064642788-r6 { fill: #0178d4 } - .terminal-1064642788-r7 { fill: #98e024 } - .terminal-1064642788-r8 { fill: #7ae998 } - .terminal-1064642788-r9 { fill: #4ebf71;font-weight: bold } - .terminal-1064642788-r10 { fill: #008139 } - .terminal-1064642788-r11 { fill: #fea62b;font-weight: bold } - .terminal-1064642788-r12 { fill: #a7a9ab } - .terminal-1064642788-r13 { fill: #e2e3e3 } + .terminal-925492540-r1 { fill: #c5c8c6 } + .terminal-925492540-r2 { fill: #e1e1e1 } + .terminal-925492540-r3 { fill: #f4005f } + .terminal-925492540-r4 { fill: #98e024;font-weight: bold } + .terminal-925492540-r5 { fill: #323232 } + .terminal-925492540-r6 { fill: #0178d4 } + .terminal-925492540-r7 { fill: #98e024 } + .terminal-925492540-r8 { fill: #7ae998 } + .terminal-925492540-r9 { fill: #4ebf71;font-weight: bold } + .terminal-925492540-r10 { fill: #008139 } + .terminal-925492540-r11 { fill: #fea62b;font-weight: bold } + .terminal-925492540-r12 { fill: #a7a9ab } + .terminal-925492540-r13 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - - Parent 1Parent 2 - ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - Child 2.1Child 2.2 - ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button 2.2 - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - -  SPACE Focus button 2.2 + + + + + Parent 1Parent 2 + ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + Child 2.1Child 2.2 + ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button 2.2 + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + +  SPACE Focus button 2.2 @@ -3187,138 +3187,138 @@ font-weight: 700; } - .terminal-407164656-matrix { + .terminal-436900642-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-407164656-title { + .terminal-436900642-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-407164656-r1 { fill: #121212 } - .terminal-407164656-r2 { fill: #c5c8c6 } - .terminal-407164656-r3 { fill: #ddedf9 } - .terminal-407164656-r4 { fill: #e2e2e2 } - .terminal-407164656-r5 { fill: #e1e1e1 } - .terminal-407164656-r6 { fill: #fea62b;font-weight: bold } - .terminal-407164656-r7 { fill: #a7a9ab } - .terminal-407164656-r8 { fill: #e2e3e3 } + .terminal-436900642-r1 { fill: #121212 } + .terminal-436900642-r2 { fill: #c5c8c6 } + .terminal-436900642-r3 { fill: #ddedf9 } + .terminal-436900642-r4 { fill: #e2e2e2 } + .terminal-436900642-r5 { fill: #e1e1e1 } + .terminal-436900642-r6 { fill: #fea62b;font-weight: bold } + .terminal-436900642-r7 { fill: #a7a9ab } + .terminal-436900642-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Leto - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Jessica - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - - - - - - - - - - - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Leto + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Jessica + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + + + + + + + + + + + + + +  c Collapse All e Expand All @@ -3506,140 +3506,140 @@ font-weight: 700; } - .terminal-3794734215-matrix { + .terminal-3532179626-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3794734215-title { + .terminal-3532179626-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3794734215-r1 { fill: #121212 } - .terminal-3794734215-r2 { fill: #e1e1e1 } - .terminal-3794734215-r3 { fill: #c5c8c6 } - .terminal-3794734215-r4 { fill: #ddedf9 } - .terminal-3794734215-r5 { fill: #e2e2e2 } - .terminal-3794734215-r6 { fill: #4ebf71;font-weight: bold } - .terminal-3794734215-r7 { fill: #14191f } - .terminal-3794734215-r8 { fill: #fea62b;font-weight: bold } - .terminal-3794734215-r9 { fill: #a7a9ab } - .terminal-3794734215-r10 { fill: #e2e3e3 } + .terminal-3532179626-r1 { fill: #121212 } + .terminal-3532179626-r2 { fill: #e1e1e1 } + .terminal-3532179626-r3 { fill: #c5c8c6 } + .terminal-3532179626-r4 { fill: #ddedf9 } + .terminal-3532179626-r5 { fill: #e2e2e2 } + .terminal-3532179626-r6 { fill: #4ebf71;font-weight: bold } + .terminal-3532179626-r7 { fill: #14191f } + .terminal-3532179626-r8 { fill: #fea62b;font-weight: bold } + .terminal-3532179626-r9 { fill: #a7a9ab } + .terminal-3532179626-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul▆▆ - - - - c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + + c Collapse All e Expand All @@ -3828,139 +3828,139 @@ font-weight: 700; } - .terminal-1557607983-matrix { + .terminal-3849122386-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1557607983-title { + .terminal-3849122386-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1557607983-r1 { fill: #121212 } - .terminal-1557607983-r2 { fill: #c5c8c6 } - .terminal-1557607983-r3 { fill: #ddedf9 } - .terminal-1557607983-r4 { fill: #e2e2e2 } - .terminal-1557607983-r5 { fill: #4ebf71;font-weight: bold } - .terminal-1557607983-r6 { fill: #e1e1e1 } - .terminal-1557607983-r7 { fill: #fea62b;font-weight: bold } - .terminal-1557607983-r8 { fill: #a7a9ab } - .terminal-1557607983-r9 { fill: #e2e3e3 } + .terminal-3849122386-r1 { fill: #121212 } + .terminal-3849122386-r2 { fill: #c5c8c6 } + .terminal-3849122386-r3 { fill: #ddedf9 } + .terminal-3849122386-r4 { fill: #e2e2e2 } + .terminal-3849122386-r5 { fill: #4ebf71;font-weight: bold } + .terminal-3849122386-r6 { fill: #e1e1e1 } + .terminal-3849122386-r7 { fill: #fea62b;font-weight: bold } + .terminal-3849122386-r8 { fill: #a7a9ab } + .terminal-3849122386-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  c Collapse All e Expand All @@ -18051,169 +18051,169 @@ font-weight: 700; } - .terminal-2415259839-matrix { + .terminal-2036771922-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2415259839-title { + .terminal-2036771922-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2415259839-r1 { fill: #c5c8c6 } - .terminal-2415259839-r2 { fill: #e3e3e3 } - .terminal-2415259839-r3 { fill: #e1e1e1 } - .terminal-2415259839-r4 { fill: #e2e2e2 } - .terminal-2415259839-r5 { fill: #14191f } - .terminal-2415259839-r6 { fill: #004578 } - .terminal-2415259839-r7 { fill: #262626 } - .terminal-2415259839-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-2415259839-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-2415259839-r10 { fill: #7ae998 } - .terminal-2415259839-r11 { fill: #4ebf71;font-weight: bold } - .terminal-2415259839-r12 { fill: #008139 } - .terminal-2415259839-r13 { fill: #fea62b;font-weight: bold } - .terminal-2415259839-r14 { fill: #a7a9ab } - .terminal-2415259839-r15 { fill: #e2e3e3 } + .terminal-2036771922-r1 { fill: #c5c8c6 } + .terminal-2036771922-r2 { fill: #e3e3e3 } + .terminal-2036771922-r3 { fill: #e1e1e1 } + .terminal-2036771922-r4 { fill: #e2e2e2 } + .terminal-2036771922-r5 { fill: #14191f } + .terminal-2036771922-r6 { fill: #004578 } + .terminal-2036771922-r7 { fill: #262626 } + .terminal-2036771922-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-2036771922-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-2036771922-r10 { fill: #7ae998 } + .terminal-2036771922-r11 { fill: #4ebf71;font-weight: bold } + .terminal-2036771922-r12 { fill: #008139 } + .terminal-2036771922-r13 { fill: #fea62b;font-weight: bold } + .terminal-2036771922-r14 { fill: #a7a9ab } + .terminal-2036771922-r15 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Demo + Textual Demo - - - - ⭘Textual Demo - - - TOP - - ▆▆ - - Widgets - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎▊ - Rich content▎Textual Demo▊ - ▎▊ - ▎Welcome! Textual is a framework for creating sophisticated▊ - ▎applications with the terminal.                           ▊ - CSS▎▊ - ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ - ▎Start▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit + + + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎Start▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit @@ -18901,142 +18901,142 @@ font-weight: 700; } - .terminal-2424454468-matrix { + .terminal-2740975977-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2424454468-title { + .terminal-2740975977-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2424454468-r1 { fill: #c5c8c6 } - .terminal-2424454468-r2 { fill: #1e1e1e } - .terminal-2424454468-r3 { fill: #1f1f1f } - .terminal-2424454468-r4 { fill: #ff0000 } - .terminal-2424454468-r5 { fill: #004578;font-weight: bold } - .terminal-2424454468-r6 { fill: #585a5c } - .terminal-2424454468-r7 { fill: #1c1d1e } - .terminal-2424454468-r8 { fill: #c7cdd2 } + .terminal-2740975977-r1 { fill: #c5c8c6 } + .terminal-2740975977-r2 { fill: #1e1e1e } + .terminal-2740975977-r3 { fill: #1f1f1f } + .terminal-2740975977-r4 { fill: #ff0000 } + .terminal-2740975977-r5 { fill: #004578;font-weight: bold } + .terminal-2740975977-r6 { fill: #585a5c } + .terminal-2740975977-r7 { fill: #1c1d1e } + .terminal-2740975977-r8 { fill: #c7cdd2 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - - ▇▇ + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + + ▇▇ @@ -19066,141 +19066,141 @@ font-weight: 700; } - .terminal-3142003525-matrix { + .terminal-3544377194-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3142003525-title { + .terminal-3544377194-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3142003525-r1 { fill: #c5c8c6 } - .terminal-3142003525-r2 { fill: #1e1e1e } - .terminal-3142003525-r3 { fill: #1f1f1f } - .terminal-3142003525-r4 { fill: #ff0000 } - .terminal-3142003525-r5 { fill: #c7cdd2 } - .terminal-3142003525-r6 { fill: #004578;font-weight: bold } - .terminal-3142003525-r7 { fill: #585a5c } - .terminal-3142003525-r8 { fill: #1c1d1e } + .terminal-3544377194-r1 { fill: #c5c8c6 } + .terminal-3544377194-r2 { fill: #1e1e1e } + .terminal-3544377194-r3 { fill: #1f1f1f } + .terminal-3544377194-r4 { fill: #ff0000 } + .terminal-3544377194-r5 { fill: #c7cdd2 } + .terminal-3544377194-r6 { fill: #004578;font-weight: bold } + .terminal-3544377194-r7 { fill: #585a5c } + .terminal-3544377194-r8 { fill: #1c1d1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│▅▅ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│▅▅ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + @@ -19396,137 +19396,137 @@ font-weight: 700; } - .terminal-3861665009-matrix { + .terminal-1774259648-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3861665009-title { + .terminal-1774259648-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3861665009-r1 { fill: #e1e1e1 } - .terminal-3861665009-r2 { fill: #c5c8c6 } - .terminal-3861665009-r3 { fill: #fea62b;font-weight: bold } - .terminal-3861665009-r4 { fill: #a7a9ab } - .terminal-3861665009-r5 { fill: #a6742c;font-weight: bold } - .terminal-3861665009-r6 { fill: #727579 } - .terminal-3861665009-r7 { fill: #e2e3e3 } + .terminal-1774259648-r1 { fill: #e1e1e1 } + .terminal-1774259648-r2 { fill: #c5c8c6 } + .terminal-1774259648-r3 { fill: #fea62b;font-weight: bold } + .terminal-1774259648-r4 { fill: #a7a9ab } + .terminal-1774259648-r5 { fill: #e2e3e3 } + .terminal-1774259648-r6 { fill: #a6742c;font-weight: bold } + .terminal-1774259648-r7 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  a A c C + + + + + + + + + + + + + + + + + + + + + + + + + + +  a A c C @@ -20042,139 +20042,139 @@ font-weight: 700; } - .terminal-2816641643-matrix { + .terminal-2382841395-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2816641643-title { + .terminal-2382841395-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2816641643-r1 { fill: #e4e5e6 } - .terminal-2816641643-r2 { fill: #c5c8c6 } - .terminal-2816641643-r3 { fill: #0d0d0d } - .terminal-2816641643-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-2816641643-r5 { fill: #e7920d } - .terminal-2816641643-r6 { fill: #211505;font-weight: bold } - .terminal-2816641643-r7 { fill: #fea62b;font-weight: bold } - .terminal-2816641643-r8 { fill: #a7a9ab } - .terminal-2816641643-r9 { fill: #e2e3e3 } + .terminal-2382841395-r1 { fill: #e4e5e6 } + .terminal-2382841395-r2 { fill: #c5c8c6 } + .terminal-2382841395-r3 { fill: #0d0d0d } + .terminal-2382841395-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-2382841395-r5 { fill: #e7920d } + .terminal-2382841395-r6 { fill: #211505;font-weight: bold } + .terminal-2382841395-r7 { fill: #fea62b;font-weight: bold } + .terminal-2382841395-r8 { fill: #a7a9ab } + .terminal-2382841395-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - - - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -  n New Game ? Help q Quit ^d Toggle Dark Mode + + + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +  n New Game ? Help q Quit ^d Toggle Dark Mode @@ -20204,143 +20204,143 @@ font-weight: 700; } - .terminal-2483219576-matrix { + .terminal-312518773-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2483219576-title { + .terminal-312518773-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2483219576-r1 { fill: #c5c8c6 } - .terminal-2483219576-r2 { fill: #e3e3e3 } - .terminal-2483219576-r3 { fill: #e2e3e3 } - .terminal-2483219576-r4 { fill: #008139 } - .terminal-2483219576-r5 { fill: #14191f } - .terminal-2483219576-r6 { fill: #e2e3e3;font-weight: bold } - .terminal-2483219576-r7 { fill: #98e024 } - .terminal-2483219576-r8 { fill: #211505;font-weight: bold } - .terminal-2483219576-r9 { fill: #fea62b;font-weight: bold } - .terminal-2483219576-r10 { fill: #58d1eb;font-weight: bold } - .terminal-2483219576-r11 { fill: #f4005f;font-style: italic; } - .terminal-2483219576-r12 { fill: #23568b } - .terminal-2483219576-r13 { fill: #a7a9ab } + .terminal-312518773-r1 { fill: #c5c8c6 } + .terminal-312518773-r2 { fill: #e3e3e3 } + .terminal-312518773-r3 { fill: #e2e3e3 } + .terminal-312518773-r4 { fill: #008139 } + .terminal-312518773-r5 { fill: #14191f } + .terminal-312518773-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-312518773-r7 { fill: #98e024 } + .terminal-312518773-r8 { fill: #211505;font-weight: bold } + .terminal-312518773-r9 { fill: #fea62b;font-weight: bold } + .terminal-312518773-r10 { fill: #58d1eb;font-weight: bold } + .terminal-312518773-r11 { fill: #f4005f;font-style: italic; } + .terminal-312518773-r12 { fill: #23568b } + .terminal-312518773-r13 { fill: #a7a9ab } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - ⭘TreeApp - ▼ Root - └── ▼ {} JSON▁▁ - ├── code='5060292302201' - ├── ▼ {} product - │   ┣━━ _id='5060292302201' - │   ┣━━ ▶ [] _keywords - │   ┣━━ ▶ [] added_countries_tags - │   ┣━━ ▶ [] additives_debug_tags - │   ┣━━ additives_n=2 - │   ┣━━ additives_old_n=2 - │   ┣━━ ▶ [] additives_old_tags - │   ┣━━ ▶ [] additives_original_tags - │   ┣━━ ▶ [] additives_prev_original_tags - │   ┣━━ ▶ [] additives_tags - │   ┣━━ additives_tags_n=None - │   ┣━━ allergens='en:milk' - │   ┣━━ ▶ [] allergens_debug_tags - │   ┣━━ allergens_from_ingredients='en:milk, milk' - │   ┣━━ allergens_from_user='(en) en:milk' - │   ┣━━ ▶ [] allergens_hierarchy - │   ┣━━ ▶ [] allergens_tags - ▉ -  a Add node c Clear t Toggle root + + + + ⭘TreeApp + ▼ Root + └── ▼ {} JSON▁▁ + ├── code='5060292302201' + ├── ▼ {} product + │   ┣━━ _id='5060292302201' + │   ┣━━ ▶ [] _keywords + │   ┣━━ ▶ [] added_countries_tags + │   ┣━━ ▶ [] additives_debug_tags + │   ┣━━ additives_n=2 + │   ┣━━ additives_old_n=2 + │   ┣━━ ▶ [] additives_old_tags + │   ┣━━ ▶ [] additives_original_tags + │   ┣━━ ▶ [] additives_prev_original_tags + │   ┣━━ ▶ [] additives_tags + │   ┣━━ additives_tags_n=None + │   ┣━━ allergens='en:milk' + │   ┣━━ ▶ [] allergens_debug_tags + │   ┣━━ allergens_from_ingredients='en:milk, milk' + │   ┣━━ allergens_from_user='(en) en:milk' + │   ┣━━ ▶ [] allergens_hierarchy + │   ┣━━ ▶ [] allergens_tags + ▉ +  a Add node c Clear t Toggle root @@ -20370,144 +20370,144 @@ font-weight: 700; } - .terminal-1448741579-matrix { + .terminal-3921854451-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1448741579-title { + .terminal-3921854451-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1448741579-r1 { fill: #c5c8c6 } - .terminal-1448741579-r2 { fill: #24292f } - .terminal-1448741579-r3 { fill: #e1e1e1 } - .terminal-1448741579-r4 { fill: #e2e3e3 } - .terminal-1448741579-r5 { fill: #96989b } - .terminal-1448741579-r6 { fill: #008139 } - .terminal-1448741579-r7 { fill: #4ebf71;font-weight: bold } - .terminal-1448741579-r8 { fill: #939393;font-weight: bold } - .terminal-1448741579-r9 { fill: #4ebf71;text-decoration: underline; } - .terminal-1448741579-r10 { fill: #e1e1e1;text-decoration: underline; } - .terminal-1448741579-r11 { fill: #fea62b;font-weight: bold } - .terminal-1448741579-r12 { fill: #a7a9ab } - .terminal-1448741579-r13 { fill: #a6742c;font-weight: bold } - .terminal-1448741579-r14 { fill: #727579 } + .terminal-3921854451-r1 { fill: #c5c8c6 } + .terminal-3921854451-r2 { fill: #24292f } + .terminal-3921854451-r3 { fill: #e1e1e1 } + .terminal-3921854451-r4 { fill: #e2e3e3 } + .terminal-3921854451-r5 { fill: #96989b } + .terminal-3921854451-r6 { fill: #008139 } + .terminal-3921854451-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3921854451-r8 { fill: #939393;font-weight: bold } + .terminal-3921854451-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-3921854451-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3921854451-r11 { fill: #fea62b;font-weight: bold } + .terminal-3921854451-r12 { fill: #a7a9ab } + .terminal-3921854451-r13 { fill: #a6742c;font-weight: bold } + .terminal-3921854451-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - ▊ - ▼ Ⅰ Textual Markdown Browser▊ - └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser - ▊ - ▊Welcome fellow adventurer! If you ran  - ▊markdown.py from the terminal you are  - ▊viewing demo.md with Textual's built  - ▊in Markdown widget. - ▊ - ▊The widget supports much of the  - ▊Markdown spec. There is also an  - ▊optional Table of Contents sidebar  - ▊which you will see to your left. - ▊ - ▊ - ▊Do You Want to Know More? - ▊ - ▊See example.md for more examples of  - ▊what this can do. - ▊ - ▊ - ▊ - ▊ -  t TOC b Back f Forward + + + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊Welcome fellow adventurer! If you ran  + ▊markdown.py from the terminal you are  + ▊viewing demo.md with Textual's built  + ▊in Markdown widget. + ▊ + ▊The widget supports much of the  + ▊Markdown spec. There is also an  + ▊optional Table of Contents sidebar  + ▊which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊See example.md for more examples of  + ▊what this can do. + ▊ + ▊ + ▊ + ▊ +  t TOC b Back f Forward @@ -21019,134 +21019,134 @@ font-weight: 700; } - .terminal-1459740668-matrix { + .terminal-1181260816-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1459740668-title { + .terminal-1181260816-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1459740668-r1 { fill: #e1e1e1 } - .terminal-1459740668-r2 { fill: #c5c8c6 } - .terminal-1459740668-r3 { fill: #dde8f3;font-weight: bold } - .terminal-1459740668-r4 { fill: #ddedf9 } + .terminal-1181260816-r1 { fill: #e1e1e1 } + .terminal-1181260816-r2 { fill: #c5c8c6 } + .terminal-1181260816-r3 { fill: #dde8f3;font-weight: bold } + .terminal-1181260816-r4 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ClassicFooterStylingApp + ClassicFooterStylingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  CTRL+T Toggle Dark mode CTRL+Q Quit + + + + + + + + + + + + + + + + + + + + + + + + + + +  CTRL+T Toggle Dark mode CTRL+Q Quit @@ -21334,135 +21334,135 @@ font-weight: 700; } - .terminal-3310691502-matrix { + .terminal-866115740-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3310691502-title { + .terminal-866115740-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3310691502-r1 { fill: #e1e1e1 } - .terminal-3310691502-r2 { fill: #c5c8c6 } - .terminal-3310691502-r3 { fill: #fea62b;font-weight: bold } - .terminal-3310691502-r4 { fill: #a7a9ab } - .terminal-3310691502-r5 { fill: #e2e3e3 } + .terminal-866115740-r1 { fill: #e1e1e1 } + .terminal-866115740-r2 { fill: #c5c8c6 } + .terminal-866115740-r3 { fill: #fea62b;font-weight: bold } + .terminal-866115740-r4 { fill: #a7a9ab } + .terminal-866115740-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  q Quit the app ? Show help screen delete Delete the thing + + + + + + + + + + + + + + + + + + + + + + + + + + +  q Quit the app ? Show help screen delete Delete the thing @@ -23871,135 +23871,135 @@ font-weight: 700; } - .terminal-3686592987-matrix { + .terminal-1407954339-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3686592987-title { + .terminal-1407954339-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3686592987-r1 { fill: #e1e1e1 } - .terminal-3686592987-r2 { fill: #c5c8c6 } - .terminal-3686592987-r3 { fill: #fea62b;font-weight: bold } - .terminal-3686592987-r4 { fill: #a7a9ab } - .terminal-3686592987-r5 { fill: #e2e3e3 } + .terminal-1407954339-r1 { fill: #e1e1e1 } + .terminal-1407954339-r2 { fill: #c5c8c6 } + .terminal-1407954339-r3 { fill: #fea62b;font-weight: bold } + .terminal-1407954339-r4 { fill: #a7a9ab } + .terminal-1407954339-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  ? Question ^q Quit app Escape! Escape a Letter A + + + + + + + + + + + + + + + + + + + + + + + + + + +  ? Question ^q Quit app Escape! Escape a Letter A @@ -24346,137 +24346,137 @@ font-weight: 700; } - .terminal-4186080716-matrix { + .terminal-380781107-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4186080716-title { + .terminal-380781107-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4186080716-r1 { fill: #c5c8c6 } - .terminal-4186080716-r2 { fill: #e3e3e3 } - .terminal-4186080716-r3 { fill: #e1e1e1 } - .terminal-4186080716-r4 { fill: #ff0000 } - .terminal-4186080716-r5 { fill: #fea62b;font-weight: bold } - .terminal-4186080716-r6 { fill: #a7a9ab } - .terminal-4186080716-r7 { fill: #e2e3e3 } + .terminal-380781107-r1 { fill: #c5c8c6 } + .terminal-380781107-r2 { fill: #e3e3e3 } + .terminal-380781107-r3 { fill: #e1e1e1 } + .terminal-380781107-r4 { fill: #ff0000 } + .terminal-380781107-r5 { fill: #fea62b;font-weight: bold } + .terminal-380781107-r6 { fill: #a7a9ab } + .terminal-380781107-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - - - - ⭘DialogIssueApp - - - - - - ╭──────────────────────────────────────╮ - ││ - ││ - ││ - ││ - │This should not cause a scrollbar to a│ - ││ - ││ - ││ - ││ - ││ - ╰──────────────────────────────────────╯ - - - - - -  d Toggle the dialog + + + + ⭘DialogIssueApp + + + + + + ╭──────────────────────────────────────╮ + ││ + ││ + ││ + ││ + │This should not cause a scrollbar to a│ + ││ + ││ + ││ + ││ + ││ + ╰──────────────────────────────────────╯ + + + + + +  d Toggle the dialog @@ -27555,136 +27555,136 @@ font-weight: 700; } - .terminal-1384214612-matrix { + .terminal-3249941691-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1384214612-title { + .terminal-3249941691-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1384214612-r1 { fill: #c5c8c6 } - .terminal-1384214612-r2 { fill: #e3e3e3 } - .terminal-1384214612-r3 { fill: #e1e1e1 } - .terminal-1384214612-r4 { fill: #fea62b;font-weight: bold } - .terminal-1384214612-r5 { fill: #a7a9ab } - .terminal-1384214612-r6 { fill: #e2e3e3 } + .terminal-3249941691-r1 { fill: #c5c8c6 } + .terminal-3249941691-r2 { fill: #e3e3e3 } + .terminal-3249941691-r3 { fill: #e1e1e1 } + .terminal-3249941691-r4 { fill: #fea62b;font-weight: bold } + .terminal-3249941691-r5 { fill: #a7a9ab } + .terminal-3249941691-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - Hello - - - - - - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + ⭘ModalApp + Hello + + + + + + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -27714,141 +27714,141 @@ font-weight: 700; } - .terminal-2614148702-matrix { + .terminal-2994895694-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2614148702-title { + .terminal-2994895694-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2614148702-r1 { fill: #e0e0e0 } - .terminal-2614148702-r2 { fill: #656565 } - .terminal-2614148702-r3 { fill: #c5c8c6 } - .terminal-2614148702-r4 { fill: #121212 } - .terminal-2614148702-r5 { fill: #e1e1e1 } - .terminal-2614148702-r6 { fill: #454a50 } - .terminal-2614148702-r7 { fill: #646464 } - .terminal-2614148702-r8 { fill: #24292f;font-weight: bold } - .terminal-2614148702-r9 { fill: #000000 } - .terminal-2614148702-r10 { fill: #704d1c;font-weight: bold } - .terminal-2614148702-r11 { fill: #4d4e4f } + .terminal-2994895694-r1 { fill: #e0e0e0 } + .terminal-2994895694-r2 { fill: #656565 } + .terminal-2994895694-r3 { fill: #c5c8c6 } + .terminal-2994895694-r4 { fill: #121212 } + .terminal-2994895694-r5 { fill: #e1e1e1 } + .terminal-2994895694-r6 { fill: #454a50 } + .terminal-2994895694-r7 { fill: #646464 } + .terminal-2994895694-r8 { fill: #24292f;font-weight: bold } + .terminal-2994895694-r9 { fill: #000000 } + .terminal-2994895694-r10 { fill: #704d1c;font-weight: bold } + .terminal-2994895694-r11 { fill: #4d4e4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▊hi!▎ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - OK - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + DialogModalApp + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▊hi!▎ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + OK + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -28035,135 +28035,135 @@ font-weight: 700; } - .terminal-1053129485-matrix { + .terminal-3918083956-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1053129485-title { + .terminal-3918083956-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1053129485-r1 { fill: #e1e1e1 } - .terminal-1053129485-r2 { fill: #c5c8c6 } - .terminal-1053129485-r3 { fill: #fea62b;font-weight: bold } - .terminal-1053129485-r4 { fill: #a7a9ab } - .terminal-1053129485-r5 { fill: #e2e3e3 } + .terminal-3918083956-r1 { fill: #e1e1e1 } + .terminal-3918083956-r2 { fill: #c5c8c6 } + .terminal-3918083956-r3 { fill: #fea62b;font-weight: bold } + .terminal-3918083956-r4 { fill: #a7a9ab } + .terminal-3918083956-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MApp + MApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  o Options + + + + + + + + + + + + + + + + + + + + + + + + + + +  o Options @@ -31214,137 +31214,137 @@ font-weight: 700; } - .terminal-3329985650-matrix { + .terminal-1595295961-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3329985650-title { + .terminal-1595295961-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3329985650-r1 { fill: #ffff00 } - .terminal-3329985650-r2 { fill: #e3e3e3 } - .terminal-3329985650-r3 { fill: #c5c8c6 } - .terminal-3329985650-r4 { fill: #e1e1e1 } - .terminal-3329985650-r5 { fill: #fea62b;font-weight: bold } - .terminal-3329985650-r6 { fill: #a7a9ab } - .terminal-3329985650-r7 { fill: #e2e3e3 } + .terminal-1595295961-r1 { fill: #ffff00 } + .terminal-1595295961-r2 { fill: #e3e3e3 } + .terminal-1595295961-r3 { fill: #c5c8c6 } + .terminal-1595295961-r4 { fill: #e1e1e1 } + .terminal-1595295961-r5 { fill: #fea62b;font-weight: bold } + .terminal-1595295961-r6 { fill: #a7a9ab } + .terminal-1595295961-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -31374,137 +31374,137 @@ font-weight: 700; } - .terminal-106399738-matrix { + .terminal-1309099105-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-106399738-title { + .terminal-1309099105-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-106399738-r1 { fill: #ffff00 } - .terminal-106399738-r2 { fill: #e3e3e3 } - .terminal-106399738-r3 { fill: #c5c8c6 } - .terminal-106399738-r4 { fill: #ddeedd } - .terminal-106399738-r5 { fill: #fea62b;font-weight: bold } - .terminal-106399738-r6 { fill: #a7a9ab } - .terminal-106399738-r7 { fill: #e2e3e3 } + .terminal-1309099105-r1 { fill: #ffff00 } + .terminal-1309099105-r2 { fill: #e3e3e3 } + .terminal-1309099105-r3 { fill: #c5c8c6 } + .terminal-1309099105-r4 { fill: #ddeedd } + .terminal-1309099105-r5 { fill: #fea62b;font-weight: bold } + .terminal-1309099105-r6 { fill: #a7a9ab } + .terminal-1309099105-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -32357,136 +32357,136 @@ font-weight: 700; } - .terminal-1741797148-matrix { + .terminal-3319886723-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1741797148-title { + .terminal-3319886723-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1741797148-r1 { fill: #e1e1e1 } - .terminal-1741797148-r2 { fill: #c5c8c6 } - .terminal-1741797148-r3 { fill: #4ebf71 } - .terminal-1741797148-r4 { fill: #fea62b;font-weight: bold } - .terminal-1741797148-r5 { fill: #a7a9ab } - .terminal-1741797148-r6 { fill: #e2e3e3 } + .terminal-3319886723-r1 { fill: #e1e1e1 } + .terminal-3319886723-r2 { fill: #c5c8c6 } + .terminal-3319886723-r3 { fill: #4ebf71 } + .terminal-3319886723-r4 { fill: #fea62b;font-weight: bold } + .terminal-3319886723-r5 { fill: #a7a9ab } + .terminal-3319886723-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -32516,138 +32516,138 @@ font-weight: 700; } - .terminal-3176906546-matrix { + .terminal-4115889049-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3176906546-title { + .terminal-4115889049-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3176906546-r1 { fill: #e1e1e1 } - .terminal-3176906546-r2 { fill: #c5c8c6 } - .terminal-3176906546-r3 { fill: #b93c5b } - .terminal-3176906546-r4 { fill: #1e1e1e } - .terminal-3176906546-r5 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3176906546-r6 { fill: #fea62b;font-weight: bold } - .terminal-3176906546-r7 { fill: #a7a9ab } - .terminal-3176906546-r8 { fill: #e2e3e3 } + .terminal-4115889049-r1 { fill: #e1e1e1 } + .terminal-4115889049-r2 { fill: #c5c8c6 } + .terminal-4115889049-r3 { fill: #b93c5b } + .terminal-4115889049-r4 { fill: #1e1e1e } + .terminal-4115889049-r5 { fill: #e1e1e1;text-decoration: underline; } + .terminal-4115889049-r6 { fill: #fea62b;font-weight: bold } + .terminal-4115889049-r7 { fill: #a7a9ab } + .terminal-4115889049-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -32677,137 +32677,137 @@ font-weight: 700; } - .terminal-1399536782-matrix { + .terminal-3127965926-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1399536782-title { + .terminal-3127965926-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1399536782-r1 { fill: #e1e1e1 } - .terminal-1399536782-r2 { fill: #c5c8c6 } - .terminal-1399536782-r3 { fill: #fea62b } - .terminal-1399536782-r4 { fill: #323232 } - .terminal-1399536782-r5 { fill: #fea62b;font-weight: bold } - .terminal-1399536782-r6 { fill: #a7a9ab } - .terminal-1399536782-r7 { fill: #e2e3e3 } + .terminal-3127965926-r1 { fill: #e1e1e1 } + .terminal-3127965926-r2 { fill: #c5c8c6 } + .terminal-3127965926-r3 { fill: #fea62b } + .terminal-3127965926-r4 { fill: #323232 } + .terminal-3127965926-r5 { fill: #fea62b;font-weight: bold } + .terminal-3127965926-r6 { fill: #a7a9ab } + .terminal-3127965926-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -32837,139 +32837,139 @@ font-weight: 700; } - .terminal-299516881-matrix { + .terminal-12517432-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-299516881-title { + .terminal-12517432-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-299516881-r1 { fill: #e1e1e1 } - .terminal-299516881-r2 { fill: #c5c8c6 } - .terminal-299516881-r3 { fill: #004578 } - .terminal-299516881-r4 { fill: #152939 } - .terminal-299516881-r5 { fill: #1e1e1e } - .terminal-299516881-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-299516881-r7 { fill: #fea62b;font-weight: bold } - .terminal-299516881-r8 { fill: #a7a9ab } - .terminal-299516881-r9 { fill: #e2e3e3 } + .terminal-12517432-r1 { fill: #e1e1e1 } + .terminal-12517432-r2 { fill: #c5c8c6 } + .terminal-12517432-r3 { fill: #004578 } + .terminal-12517432-r4 { fill: #152939 } + .terminal-12517432-r5 { fill: #1e1e1e } + .terminal-12517432-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-12517432-r7 { fill: #fea62b;font-weight: bold } + .terminal-12517432-r8 { fill: #a7a9ab } + .terminal-12517432-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -32999,137 +32999,137 @@ font-weight: 700; } - .terminal-3276849444-matrix { + .terminal-3696262539-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3276849444-title { + .terminal-3696262539-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3276849444-r1 { fill: #e1e1e1 } - .terminal-3276849444-r2 { fill: #c5c8c6 } - .terminal-3276849444-r3 { fill: #323232 } - .terminal-3276849444-r4 { fill: #b93c5b } - .terminal-3276849444-r5 { fill: #fea62b;font-weight: bold } - .terminal-3276849444-r6 { fill: #a7a9ab } - .terminal-3276849444-r7 { fill: #e2e3e3 } + .terminal-3696262539-r1 { fill: #e1e1e1 } + .terminal-3696262539-r2 { fill: #c5c8c6 } + .terminal-3696262539-r3 { fill: #323232 } + .terminal-3696262539-r4 { fill: #b93c5b } + .terminal-3696262539-r5 { fill: #fea62b;font-weight: bold } + .terminal-3696262539-r6 { fill: #a7a9ab } + .terminal-3696262539-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -33159,139 +33159,139 @@ font-weight: 700; } - .terminal-2860436860-matrix { + .terminal-450071011-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2860436860-title { + .terminal-450071011-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2860436860-r1 { fill: #e1e1e1 } - .terminal-2860436860-r2 { fill: #c5c8c6 } - .terminal-2860436860-r3 { fill: #fea62b } - .terminal-2860436860-r4 { fill: #004578 } - .terminal-2860436860-r5 { fill: #1e1e1e } - .terminal-2860436860-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-2860436860-r7 { fill: #fea62b;font-weight: bold } - .terminal-2860436860-r8 { fill: #a7a9ab } - .terminal-2860436860-r9 { fill: #e2e3e3 } + .terminal-450071011-r1 { fill: #e1e1e1 } + .terminal-450071011-r2 { fill: #c5c8c6 } + .terminal-450071011-r3 { fill: #fea62b } + .terminal-450071011-r4 { fill: #004578 } + .terminal-450071011-r5 { fill: #1e1e1e } + .terminal-450071011-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-450071011-r7 { fill: #fea62b;font-weight: bold } + .terminal-450071011-r8 { fill: #a7a9ab } + .terminal-450071011-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -33966,138 +33966,138 @@ font-weight: 700; } - .terminal-2821683492-matrix { + .terminal-511391062-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2821683492-title { + .terminal-511391062-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2821683492-r1 { fill: #c5c8c6 } - .terminal-2821683492-r2 { fill: #e3e3e3 } - .terminal-2821683492-r3 { fill: #008000 } - .terminal-2821683492-r4 { fill: #ffff00 } - .terminal-2821683492-r5 { fill: #e1e1e1 } - .terminal-2821683492-r6 { fill: #fea62b;font-weight: bold } - .terminal-2821683492-r7 { fill: #a7a9ab } - .terminal-2821683492-r8 { fill: #e2e3e3 } + .terminal-511391062-r1 { fill: #c5c8c6 } + .terminal-511391062-r2 { fill: #e3e3e3 } + .terminal-511391062-r3 { fill: #008000 } + .terminal-511391062-r4 { fill: #ffff00 } + .terminal-511391062-r5 { fill: #e1e1e1 } + .terminal-511391062-r6 { fill: #fea62b;font-weight: bold } + .terminal-511391062-r7 { fill: #a7a9ab } + .terminal-511391062-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - - - - ⭘VerticalRemoveApp - ╭──────────────────────────────────────────────────────────────────────────────╮ - │╭────────────────────╮│ - ││This is a test label││ - │╰────────────────────╯│ - ╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - -  a Add d Delete + + + + ⭘VerticalRemoveApp + ╭──────────────────────────────────────────────────────────────────────────────╮ + │╭────────────────────╮│ + ││This is a test label││ + │╰────────────────────╯│ + ╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + +  a Add d Delete @@ -35217,136 +35217,136 @@ font-weight: 700; } - .terminal-2070957839-matrix { + .terminal-2862222198-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2070957839-title { + .terminal-2862222198-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2070957839-r1 { fill: #c5c8c6 } - .terminal-2070957839-r2 { fill: #e3e3e3 } - .terminal-2070957839-r3 { fill: #e1e1e1 } - .terminal-2070957839-r4 { fill: #fea62b;font-weight: bold } - .terminal-2070957839-r5 { fill: #a7a9ab } - .terminal-2070957839-r6 { fill: #e2e3e3 } + .terminal-2862222198-r1 { fill: #c5c8c6 } + .terminal-2862222198-r2 { fill: #e3e3e3 } + .terminal-2862222198-r3 { fill: #e1e1e1 } + .terminal-2862222198-r4 { fill: #fea62b;font-weight: bold } + .terminal-2862222198-r5 { fill: #a7a9ab } + .terminal-2862222198-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - B - - - - - - - - - - - - - - - - - - - - - -  a Push screen A + + + + ⭘ModalApp + B + + + + + + + + + + + + + + + + + + + + + +  a Push screen A @@ -39064,141 +39064,141 @@ font-weight: 700; } - .terminal-1446205144-matrix { + .terminal-3308851925-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1446205144-title { + .terminal-3308851925-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1446205144-r1 { fill: #c5c8c6 } - .terminal-1446205144-r2 { fill: #e1e1e1 } - .terminal-1446205144-r3 { fill: #737373 } - .terminal-1446205144-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-1446205144-r5 { fill: #474747 } - .terminal-1446205144-r6 { fill: #0178d4 } - .terminal-1446205144-r7 { fill: #4ebf71;font-weight: bold } - .terminal-1446205144-r8 { fill: #323232 } - .terminal-1446205144-r9 { fill: #fea62b;font-weight: bold } - .terminal-1446205144-r10 { fill: #a7a9ab } - .terminal-1446205144-r11 { fill: #e2e3e3 } + .terminal-3308851925-r1 { fill: #c5c8c6 } + .terminal-3308851925-r2 { fill: #e1e1e1 } + .terminal-3308851925-r3 { fill: #737373 } + .terminal-3308851925-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-3308851925-r5 { fill: #474747 } + .terminal-3308851925-r6 { fill: #0178d4 } + .terminal-3308851925-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3308851925-r8 { fill: #323232 } + .terminal-3308851925-r9 { fill: #fea62b;font-weight: bold } + .terminal-3308851925-r10 { fill: #a7a9ab } + .terminal-3308851925-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child - - - - - - - -  l Leto j Jessica p Paul + + + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child + + + + + + + +  l Leto j Jessica p Paul @@ -46813,153 +46813,153 @@ font-weight: 700; } - .terminal-3799630444-matrix { + .terminal-2620096211-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3799630444-title { + .terminal-2620096211-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3799630444-r1 { fill: #c5c8c6 } - .terminal-3799630444-r2 { fill: #e1e1e1 } - .terminal-3799630444-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-3799630444-r4 { fill: #737373 } - .terminal-3799630444-r5 { fill: #474747 } - .terminal-3799630444-r6 { fill: #0178d4 } - .terminal-3799630444-r7 { fill: #454a50 } - .terminal-3799630444-r8 { fill: #e0e0e0 } - .terminal-3799630444-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-3799630444-r10 { fill: #000000 } - .terminal-3799630444-r11 { fill: #1e1e1e } - .terminal-3799630444-r12 { fill: #dde0e6 } - .terminal-3799630444-r13 { fill: #99a1b3 } - .terminal-3799630444-r14 { fill: #dde2e8 } - .terminal-3799630444-r15 { fill: #99a7b9 } - .terminal-3799630444-r16 { fill: #dde4ea } - .terminal-3799630444-r17 { fill: #99adc1 } - .terminal-3799630444-r18 { fill: #dde6ed } - .terminal-3799630444-r19 { fill: #99b4c9 } - .terminal-3799630444-r20 { fill: #23568b } - .terminal-3799630444-r21 { fill: #fea62b;font-weight: bold } - .terminal-3799630444-r22 { fill: #a7a9ab } - .terminal-3799630444-r23 { fill: #e2e3e3 } + .terminal-2620096211-r1 { fill: #c5c8c6 } + .terminal-2620096211-r2 { fill: #e1e1e1 } + .terminal-2620096211-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-2620096211-r4 { fill: #737373 } + .terminal-2620096211-r5 { fill: #474747 } + .terminal-2620096211-r6 { fill: #0178d4 } + .terminal-2620096211-r7 { fill: #454a50 } + .terminal-2620096211-r8 { fill: #e0e0e0 } + .terminal-2620096211-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-2620096211-r10 { fill: #000000 } + .terminal-2620096211-r11 { fill: #1e1e1e } + .terminal-2620096211-r12 { fill: #dde0e6 } + .terminal-2620096211-r13 { fill: #99a1b3 } + .terminal-2620096211-r14 { fill: #dde2e8 } + .terminal-2620096211-r15 { fill: #99a7b9 } + .terminal-2620096211-r16 { fill: #dde4ea } + .terminal-2620096211-r17 { fill: #99adc1 } + .terminal-2620096211-r18 { fill: #dde6ed } + .terminal-2620096211-r19 { fill: #99b4c9 } + .terminal-2620096211-r20 { fill: #23568b } + .terminal-2620096211-r21 { fill: #fea62b;font-weight: bold } + .terminal-2620096211-r22 { fill: #a7a9ab } + .terminal-2620096211-r23 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - - Theme ColorsNamed Colors - ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - primary - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - secondary▎"primary" - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - background▎$primary-darken-3$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - primary-background▎$primary-darken-2$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - secondary-background▎$primary-darken-1$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - surface▎$primary$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - -  d Toggle dark mode + + + + + Theme ColorsNamed Colors + ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary▎"primary" + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + background▎$primary-darken-3$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + primary-background▎$primary-darken-2$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary-background▎$primary-darken-1$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + surface▎$primary$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + +  d Toggle dark mode @@ -46989,149 +46989,149 @@ font-weight: 700; } - .terminal-2476508522-matrix { + .terminal-2512339356-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2476508522-title { + .terminal-2512339356-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2476508522-r1 { fill: #454a50 } - .terminal-2476508522-r2 { fill: #e1e1e1 } - .terminal-2476508522-r3 { fill: #c5c8c6 } - .terminal-2476508522-r4 { fill: #24292f;font-weight: bold } - .terminal-2476508522-r5 { fill: #262626 } - .terminal-2476508522-r6 { fill: #e2e2e2 } - .terminal-2476508522-r7 { fill: #000000 } - .terminal-2476508522-r8 { fill: #e3e3e3 } - .terminal-2476508522-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-2476508522-r10 { fill: #14191f } - .terminal-2476508522-r11 { fill: #b93c5b } - .terminal-2476508522-r12 { fill: #121212 } - .terminal-2476508522-r13 { fill: #1e1e1e } - .terminal-2476508522-r14 { fill: #fea62b } - .terminal-2476508522-r15 { fill: #211505;font-weight: bold } - .terminal-2476508522-r16 { fill: #211505 } - .terminal-2476508522-r17 { fill: #fea62b;font-weight: bold } - .terminal-2476508522-r18 { fill: #a7a9ab } - .terminal-2476508522-r19 { fill: #e2e3e3 } + .terminal-2512339356-r1 { fill: #454a50 } + .terminal-2512339356-r2 { fill: #e1e1e1 } + .terminal-2512339356-r3 { fill: #c5c8c6 } + .terminal-2512339356-r4 { fill: #24292f;font-weight: bold } + .terminal-2512339356-r5 { fill: #262626 } + .terminal-2512339356-r6 { fill: #e2e2e2 } + .terminal-2512339356-r7 { fill: #000000 } + .terminal-2512339356-r8 { fill: #e3e3e3 } + .terminal-2512339356-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-2512339356-r10 { fill: #14191f } + .terminal-2512339356-r11 { fill: #b93c5b } + .terminal-2512339356-r12 { fill: #121212 } + .terminal-2512339356-r13 { fill: #1e1e1e } + .terminal-2512339356-r14 { fill: #fea62b } + .terminal-2512339356-r15 { fill: #211505;font-weight: bold } + .terminal-2512339356-r16 { fill: #211505 } + .terminal-2512339356-r17 { fill: #fea62b;font-weight: bold } + .terminal-2512339356-r18 { fill: #a7a9ab } + .terminal-2512339356-r19 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - round▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - out_sine - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - out_quint▏▎▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ - out_quart▏▎I must not fear.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ - out_quad▏▎Fear is the ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ - out_expo▏▎obliteration.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ - out_elastic▏▎pass over me and ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ - out_cubic▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + round▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + out_sine + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + out_quint▏▎▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ + out_quart▏▎I must not fear.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ + out_quad▏▎Fear is the ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ + out_expo▏▎obliteration.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ + out_elastic▏▎pass over me and ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ + out_cubic▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark From 1cf34fdf2669867e2d3252809362c10ee84d8ac5 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 23:31:21 +0100 Subject: [PATCH 07/20] simplify by removing now unnecessary if/else --- src/textual/widgets/_footer.py | 26 ++++++++------------------ 1 file changed, 8 insertions(+), 18 deletions(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 91a3ca6cf1..67ccd4d820 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -97,24 +97,14 @@ def render(self) -> Text: if self.ctrl_to_caret and key_display.lower().startswith("ctrl+"): key_display = "^" + key_display.split("+", 1)[1] description = self.description - if self.compact: - label_text = Text.assemble( - ( - " " * key_padding.left + key_display + " " * key_padding.right, - key_style, - ), - " " * key_margin.right, - (description, description_style), - ) - else: - label_text = Text.assemble( - ( - " " * key_padding.left + key_display + " " * key_padding.right, - key_style, - ), - " " * key_margin.right, - (description, description_style), - ) + label_text = Text.assemble( + ( + " " * key_padding.left + key_display + " " * key_padding.right, + key_style, + ), + " " * key_margin.right, + (description, description_style), + ) label_text.stylize_before(self.rich_style) return label_text From 122adffceece01bee7ad33e31a8024c9d54360a5 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Fri, 21 Jun 2024 23:32:35 +0100 Subject: [PATCH 08/20] tweak regression test docstring wording --- tests/snapshot_tests/snapshot_apps/footer_classic_styling.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py index 472bf5c51a..9d8b303c38 100644 --- a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py +++ b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py @@ -6,7 +6,7 @@ class ClassicFooterStylingApp(App): """ This app attempts to replicate the styling of the classic footer in Textual before v0.63.0, in particular the distinct background color - for the binding keys and padding between the key and binding description. + for the binding keys and spacing between the key and binding description. Regression test for https://github.com/Textualize/textual/issues/4557 """ From b0076d11226b8f8b283d086759dd2c9b0249ea09 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Sat, 22 Jun 2024 00:02:53 +0100 Subject: [PATCH 09/20] update changelog --- CHANGELOG.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 05e08c0fd0..225cae3364 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](http://keepachangelog.com/) and this project adheres to [Semantic Versioning](http://semver.org/). +## Unreleased + +### Added + +- Added `Footer` component style handling of margins/padding for the key https://github.com/Textualize/textual/pull/4651 + ## [0.70.0] - 2024-06-19 ### Fixed From ab24e6f28aaaf2c043083d471cf93321d225c00e Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 27 Jun 2024 17:54:36 +0100 Subject: [PATCH 10/20] Revert "update snapshot tests that contain a footer" This reverts commit 36ecb04c67feb97e07e6ed5c9913493e54f9e915. --- .../__snapshots__/test_snapshots.ambr | 4068 ++++++++--------- 1 file changed, 2034 insertions(+), 2034 deletions(-) diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index c227a87a4d..dab6485883 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -1005,137 +1005,137 @@ font-weight: 700; } - .terminal-1071168638-matrix { + .terminal-4249026757-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1071168638-title { + .terminal-4249026757-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1071168638-r1 { fill: #c5c8c6 } - .terminal-1071168638-r2 { fill: #e3e3e3 } - .terminal-1071168638-r3 { fill: #e1e1e1 } - .terminal-1071168638-r4 { fill: #ff0000 } - .terminal-1071168638-r5 { fill: #fea62b;font-weight: bold } - .terminal-1071168638-r6 { fill: #a7a9ab } - .terminal-1071168638-r7 { fill: #e2e3e3 } + .terminal-4249026757-r1 { fill: #c5c8c6 } + .terminal-4249026757-r2 { fill: #e3e3e3 } + .terminal-4249026757-r3 { fill: #e1e1e1 } + .terminal-4249026757-r4 { fill: #ff0000 } + .terminal-4249026757-r5 { fill: #fea62b;font-weight: bold } + .terminal-4249026757-r6 { fill: #a7a9ab } + .terminal-4249026757-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - - - - ⭘GridHeightAuto - Here is some text before the grid - ┌──────────────────────────────────────────────────────────────────────────────┐ - │Cell #0Cell #1Cell #2│ - │Cell #3Cell #4Cell #5│ - │Cell #6Cell #7Cell #8│ - └──────────────────────────────────────────────────────────────────────────────┘ - Here is some text after the grid - - - - - - - - - - - - - - - -  g Grid v Vertical h Horizontal c Container + + + + ⭘GridHeightAuto + Here is some text before the grid + ┌──────────────────────────────────────────────────────────────────────────────┐ + │Cell #0Cell #1Cell #2│ + │Cell #3Cell #4Cell #5│ + │Cell #6Cell #7Cell #8│ + └──────────────────────────────────────────────────────────────────────────────┘ + Here is some text after the grid + + + + + + + + + + + + + + + +  g Grid v Vertical h Horizontal c Container @@ -1165,143 +1165,143 @@ font-weight: 700; } - .terminal-925492540-matrix { + .terminal-1064642788-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-925492540-title { + .terminal-1064642788-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-925492540-r1 { fill: #c5c8c6 } - .terminal-925492540-r2 { fill: #e1e1e1 } - .terminal-925492540-r3 { fill: #f4005f } - .terminal-925492540-r4 { fill: #98e024;font-weight: bold } - .terminal-925492540-r5 { fill: #323232 } - .terminal-925492540-r6 { fill: #0178d4 } - .terminal-925492540-r7 { fill: #98e024 } - .terminal-925492540-r8 { fill: #7ae998 } - .terminal-925492540-r9 { fill: #4ebf71;font-weight: bold } - .terminal-925492540-r10 { fill: #008139 } - .terminal-925492540-r11 { fill: #fea62b;font-weight: bold } - .terminal-925492540-r12 { fill: #a7a9ab } - .terminal-925492540-r13 { fill: #e2e3e3 } + .terminal-1064642788-r1 { fill: #c5c8c6 } + .terminal-1064642788-r2 { fill: #e1e1e1 } + .terminal-1064642788-r3 { fill: #f4005f } + .terminal-1064642788-r4 { fill: #98e024;font-weight: bold } + .terminal-1064642788-r5 { fill: #323232 } + .terminal-1064642788-r6 { fill: #0178d4 } + .terminal-1064642788-r7 { fill: #98e024 } + .terminal-1064642788-r8 { fill: #7ae998 } + .terminal-1064642788-r9 { fill: #4ebf71;font-weight: bold } + .terminal-1064642788-r10 { fill: #008139 } + .terminal-1064642788-r11 { fill: #fea62b;font-weight: bold } + .terminal-1064642788-r12 { fill: #a7a9ab } + .terminal-1064642788-r13 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - - Parent 1Parent 2 - ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - Child 2.1Child 2.2 - ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - Button 2.2 - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - -  SPACE Focus button 2.2 + + + + + Parent 1Parent 2 + ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + Child 2.1Child 2.2 + ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + Button 2.2 + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + +  SPACE Focus button 2.2 @@ -3187,138 +3187,138 @@ font-weight: 700; } - .terminal-436900642-matrix { + .terminal-407164656-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-436900642-title { + .terminal-407164656-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-436900642-r1 { fill: #121212 } - .terminal-436900642-r2 { fill: #c5c8c6 } - .terminal-436900642-r3 { fill: #ddedf9 } - .terminal-436900642-r4 { fill: #e2e2e2 } - .terminal-436900642-r5 { fill: #e1e1e1 } - .terminal-436900642-r6 { fill: #fea62b;font-weight: bold } - .terminal-436900642-r7 { fill: #a7a9ab } - .terminal-436900642-r8 { fill: #e2e3e3 } + .terminal-407164656-r1 { fill: #121212 } + .terminal-407164656-r2 { fill: #c5c8c6 } + .terminal-407164656-r3 { fill: #ddedf9 } + .terminal-407164656-r4 { fill: #e2e2e2 } + .terminal-407164656-r5 { fill: #e1e1e1 } + .terminal-407164656-r6 { fill: #fea62b;font-weight: bold } + .terminal-407164656-r7 { fill: #a7a9ab } + .terminal-407164656-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Leto - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Jessica - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - - - - - - - - - - - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Leto + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Jessica + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + + + + + + + + + + + + + +  c Collapse All e Expand All @@ -3506,140 +3506,140 @@ font-weight: 700; } - .terminal-3532179626-matrix { + .terminal-3794734215-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3532179626-title { + .terminal-3794734215-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3532179626-r1 { fill: #121212 } - .terminal-3532179626-r2 { fill: #e1e1e1 } - .terminal-3532179626-r3 { fill: #c5c8c6 } - .terminal-3532179626-r4 { fill: #ddedf9 } - .terminal-3532179626-r5 { fill: #e2e2e2 } - .terminal-3532179626-r6 { fill: #4ebf71;font-weight: bold } - .terminal-3532179626-r7 { fill: #14191f } - .terminal-3532179626-r8 { fill: #fea62b;font-weight: bold } - .terminal-3532179626-r9 { fill: #a7a9ab } - .terminal-3532179626-r10 { fill: #e2e3e3 } + .terminal-3794734215-r1 { fill: #121212 } + .terminal-3794734215-r2 { fill: #e1e1e1 } + .terminal-3794734215-r3 { fill: #c5c8c6 } + .terminal-3794734215-r4 { fill: #ddedf9 } + .terminal-3794734215-r5 { fill: #e2e2e2 } + .terminal-3794734215-r6 { fill: #4ebf71;font-weight: bold } + .terminal-3794734215-r7 { fill: #14191f } + .terminal-3794734215-r8 { fill: #fea62b;font-weight: bold } + .terminal-3794734215-r9 { fill: #a7a9ab } + .terminal-3794734215-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul▆▆ - - - - c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + + c Collapse All e Expand All @@ -3828,139 +3828,139 @@ font-weight: 700; } - .terminal-3849122386-matrix { + .terminal-1557607983-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3849122386-title { + .terminal-1557607983-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3849122386-r1 { fill: #121212 } - .terminal-3849122386-r2 { fill: #c5c8c6 } - .terminal-3849122386-r3 { fill: #ddedf9 } - .terminal-3849122386-r4 { fill: #e2e2e2 } - .terminal-3849122386-r5 { fill: #4ebf71;font-weight: bold } - .terminal-3849122386-r6 { fill: #e1e1e1 } - .terminal-3849122386-r7 { fill: #fea62b;font-weight: bold } - .terminal-3849122386-r8 { fill: #a7a9ab } - .terminal-3849122386-r9 { fill: #e2e3e3 } + .terminal-1557607983-r1 { fill: #121212 } + .terminal-1557607983-r2 { fill: #c5c8c6 } + .terminal-1557607983-r3 { fill: #ddedf9 } + .terminal-1557607983-r4 { fill: #e2e2e2 } + .terminal-1557607983-r5 { fill: #4ebf71;font-weight: bold } + .terminal-1557607983-r6 { fill: #e1e1e1 } + .terminal-1557607983-r7 { fill: #fea62b;font-weight: bold } + .terminal-1557607983-r8 { fill: #a7a9ab } + .terminal-1557607983-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides. - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides. + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  c Collapse All e Expand All @@ -18051,169 +18051,169 @@ font-weight: 700; } - .terminal-2036771922-matrix { + .terminal-2415259839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2036771922-title { + .terminal-2415259839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2036771922-r1 { fill: #c5c8c6 } - .terminal-2036771922-r2 { fill: #e3e3e3 } - .terminal-2036771922-r3 { fill: #e1e1e1 } - .terminal-2036771922-r4 { fill: #e2e2e2 } - .terminal-2036771922-r5 { fill: #14191f } - .terminal-2036771922-r6 { fill: #004578 } - .terminal-2036771922-r7 { fill: #262626 } - .terminal-2036771922-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-2036771922-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-2036771922-r10 { fill: #7ae998 } - .terminal-2036771922-r11 { fill: #4ebf71;font-weight: bold } - .terminal-2036771922-r12 { fill: #008139 } - .terminal-2036771922-r13 { fill: #fea62b;font-weight: bold } - .terminal-2036771922-r14 { fill: #a7a9ab } - .terminal-2036771922-r15 { fill: #e2e3e3 } + .terminal-2415259839-r1 { fill: #c5c8c6 } + .terminal-2415259839-r2 { fill: #e3e3e3 } + .terminal-2415259839-r3 { fill: #e1e1e1 } + .terminal-2415259839-r4 { fill: #e2e2e2 } + .terminal-2415259839-r5 { fill: #14191f } + .terminal-2415259839-r6 { fill: #004578 } + .terminal-2415259839-r7 { fill: #262626 } + .terminal-2415259839-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-2415259839-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-2415259839-r10 { fill: #7ae998 } + .terminal-2415259839-r11 { fill: #4ebf71;font-weight: bold } + .terminal-2415259839-r12 { fill: #008139 } + .terminal-2415259839-r13 { fill: #fea62b;font-weight: bold } + .terminal-2415259839-r14 { fill: #a7a9ab } + .terminal-2415259839-r15 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Demo + Textual Demo - - - - ⭘Textual Demo - - - TOP - - ▆▆ - - Widgets - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎▊ - Rich content▎Textual Demo▊ - ▎▊ - ▎Welcome! Textual is a framework for creating sophisticated▊ - ▎applications with the terminal.                           ▊ - CSS▎▊ - ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ - ▎Start▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit + + + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎Start▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit @@ -18901,142 +18901,142 @@ font-weight: 700; } - .terminal-2740975977-matrix { + .terminal-2424454468-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2740975977-title { + .terminal-2424454468-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2740975977-r1 { fill: #c5c8c6 } - .terminal-2740975977-r2 { fill: #1e1e1e } - .terminal-2740975977-r3 { fill: #1f1f1f } - .terminal-2740975977-r4 { fill: #ff0000 } - .terminal-2740975977-r5 { fill: #004578;font-weight: bold } - .terminal-2740975977-r6 { fill: #585a5c } - .terminal-2740975977-r7 { fill: #1c1d1e } - .terminal-2740975977-r8 { fill: #c7cdd2 } + .terminal-2424454468-r1 { fill: #c5c8c6 } + .terminal-2424454468-r2 { fill: #1e1e1e } + .terminal-2424454468-r3 { fill: #1f1f1f } + .terminal-2424454468-r4 { fill: #ff0000 } + .terminal-2424454468-r5 { fill: #004578;font-weight: bold } + .terminal-2424454468-r6 { fill: #585a5c } + .terminal-2424454468-r7 { fill: #1c1d1e } + .terminal-2424454468-r8 { fill: #c7cdd2 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - - ▇▇ + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + + ▇▇ @@ -19066,141 +19066,141 @@ font-weight: 700; } - .terminal-3544377194-matrix { + .terminal-3142003525-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3544377194-title { + .terminal-3142003525-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3544377194-r1 { fill: #c5c8c6 } - .terminal-3544377194-r2 { fill: #1e1e1e } - .terminal-3544377194-r3 { fill: #1f1f1f } - .terminal-3544377194-r4 { fill: #ff0000 } - .terminal-3544377194-r5 { fill: #c7cdd2 } - .terminal-3544377194-r6 { fill: #004578;font-weight: bold } - .terminal-3544377194-r7 { fill: #585a5c } - .terminal-3544377194-r8 { fill: #1c1d1e } + .terminal-3142003525-r1 { fill: #c5c8c6 } + .terminal-3142003525-r2 { fill: #1e1e1e } + .terminal-3142003525-r3 { fill: #1f1f1f } + .terminal-3142003525-r4 { fill: #ff0000 } + .terminal-3142003525-r5 { fill: #c7cdd2 } + .terminal-3142003525-r6 { fill: #004578;font-weight: bold } + .terminal-3142003525-r7 { fill: #585a5c } + .terminal-3142003525-r8 { fill: #1c1d1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│▅▅ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│▅▅ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + @@ -19396,137 +19396,137 @@ font-weight: 700; } - .terminal-1774259648-matrix { + .terminal-3861665009-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1774259648-title { + .terminal-3861665009-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1774259648-r1 { fill: #e1e1e1 } - .terminal-1774259648-r2 { fill: #c5c8c6 } - .terminal-1774259648-r3 { fill: #fea62b;font-weight: bold } - .terminal-1774259648-r4 { fill: #a7a9ab } - .terminal-1774259648-r5 { fill: #e2e3e3 } - .terminal-1774259648-r6 { fill: #a6742c;font-weight: bold } - .terminal-1774259648-r7 { fill: #727579 } + .terminal-3861665009-r1 { fill: #e1e1e1 } + .terminal-3861665009-r2 { fill: #c5c8c6 } + .terminal-3861665009-r3 { fill: #fea62b;font-weight: bold } + .terminal-3861665009-r4 { fill: #a7a9ab } + .terminal-3861665009-r5 { fill: #a6742c;font-weight: bold } + .terminal-3861665009-r6 { fill: #727579 } + .terminal-3861665009-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  a A c C + + + + + + + + + + + + + + + + + + + + + + + + + + +  a A c C @@ -20042,139 +20042,139 @@ font-weight: 700; } - .terminal-2382841395-matrix { + .terminal-2816641643-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2382841395-title { + .terminal-2816641643-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2382841395-r1 { fill: #e4e5e6 } - .terminal-2382841395-r2 { fill: #c5c8c6 } - .terminal-2382841395-r3 { fill: #0d0d0d } - .terminal-2382841395-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-2382841395-r5 { fill: #e7920d } - .terminal-2382841395-r6 { fill: #211505;font-weight: bold } - .terminal-2382841395-r7 { fill: #fea62b;font-weight: bold } - .terminal-2382841395-r8 { fill: #a7a9ab } - .terminal-2382841395-r9 { fill: #e2e3e3 } + .terminal-2816641643-r1 { fill: #e4e5e6 } + .terminal-2816641643-r2 { fill: #c5c8c6 } + .terminal-2816641643-r3 { fill: #0d0d0d } + .terminal-2816641643-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-2816641643-r5 { fill: #e7920d } + .terminal-2816641643-r6 { fill: #211505;font-weight: bold } + .terminal-2816641643-r7 { fill: #fea62b;font-weight: bold } + .terminal-2816641643-r8 { fill: #a7a9ab } + .terminal-2816641643-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - - - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -  n New Game ? Help q Quit ^d Toggle Dark Mode + + + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +  n New Game ? Help q Quit ^d Toggle Dark Mode @@ -20204,143 +20204,143 @@ font-weight: 700; } - .terminal-312518773-matrix { + .terminal-2483219576-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-312518773-title { + .terminal-2483219576-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-312518773-r1 { fill: #c5c8c6 } - .terminal-312518773-r2 { fill: #e3e3e3 } - .terminal-312518773-r3 { fill: #e2e3e3 } - .terminal-312518773-r4 { fill: #008139 } - .terminal-312518773-r5 { fill: #14191f } - .terminal-312518773-r6 { fill: #e2e3e3;font-weight: bold } - .terminal-312518773-r7 { fill: #98e024 } - .terminal-312518773-r8 { fill: #211505;font-weight: bold } - .terminal-312518773-r9 { fill: #fea62b;font-weight: bold } - .terminal-312518773-r10 { fill: #58d1eb;font-weight: bold } - .terminal-312518773-r11 { fill: #f4005f;font-style: italic; } - .terminal-312518773-r12 { fill: #23568b } - .terminal-312518773-r13 { fill: #a7a9ab } + .terminal-2483219576-r1 { fill: #c5c8c6 } + .terminal-2483219576-r2 { fill: #e3e3e3 } + .terminal-2483219576-r3 { fill: #e2e3e3 } + .terminal-2483219576-r4 { fill: #008139 } + .terminal-2483219576-r5 { fill: #14191f } + .terminal-2483219576-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-2483219576-r7 { fill: #98e024 } + .terminal-2483219576-r8 { fill: #211505;font-weight: bold } + .terminal-2483219576-r9 { fill: #fea62b;font-weight: bold } + .terminal-2483219576-r10 { fill: #58d1eb;font-weight: bold } + .terminal-2483219576-r11 { fill: #f4005f;font-style: italic; } + .terminal-2483219576-r12 { fill: #23568b } + .terminal-2483219576-r13 { fill: #a7a9ab } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - ⭘TreeApp - ▼ Root - └── ▼ {} JSON▁▁ - ├── code='5060292302201' - ├── ▼ {} product - │   ┣━━ _id='5060292302201' - │   ┣━━ ▶ [] _keywords - │   ┣━━ ▶ [] added_countries_tags - │   ┣━━ ▶ [] additives_debug_tags - │   ┣━━ additives_n=2 - │   ┣━━ additives_old_n=2 - │   ┣━━ ▶ [] additives_old_tags - │   ┣━━ ▶ [] additives_original_tags - │   ┣━━ ▶ [] additives_prev_original_tags - │   ┣━━ ▶ [] additives_tags - │   ┣━━ additives_tags_n=None - │   ┣━━ allergens='en:milk' - │   ┣━━ ▶ [] allergens_debug_tags - │   ┣━━ allergens_from_ingredients='en:milk, milk' - │   ┣━━ allergens_from_user='(en) en:milk' - │   ┣━━ ▶ [] allergens_hierarchy - │   ┣━━ ▶ [] allergens_tags - ▉ -  a Add node c Clear t Toggle root + + + + ⭘TreeApp + ▼ Root + └── ▼ {} JSON▁▁ + ├── code='5060292302201' + ├── ▼ {} product + │   ┣━━ _id='5060292302201' + │   ┣━━ ▶ [] _keywords + │   ┣━━ ▶ [] added_countries_tags + │   ┣━━ ▶ [] additives_debug_tags + │   ┣━━ additives_n=2 + │   ┣━━ additives_old_n=2 + │   ┣━━ ▶ [] additives_old_tags + │   ┣━━ ▶ [] additives_original_tags + │   ┣━━ ▶ [] additives_prev_original_tags + │   ┣━━ ▶ [] additives_tags + │   ┣━━ additives_tags_n=None + │   ┣━━ allergens='en:milk' + │   ┣━━ ▶ [] allergens_debug_tags + │   ┣━━ allergens_from_ingredients='en:milk, milk' + │   ┣━━ allergens_from_user='(en) en:milk' + │   ┣━━ ▶ [] allergens_hierarchy + │   ┣━━ ▶ [] allergens_tags + ▉ +  a Add node c Clear t Toggle root @@ -20370,144 +20370,144 @@ font-weight: 700; } - .terminal-3921854451-matrix { + .terminal-1448741579-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3921854451-title { + .terminal-1448741579-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3921854451-r1 { fill: #c5c8c6 } - .terminal-3921854451-r2 { fill: #24292f } - .terminal-3921854451-r3 { fill: #e1e1e1 } - .terminal-3921854451-r4 { fill: #e2e3e3 } - .terminal-3921854451-r5 { fill: #96989b } - .terminal-3921854451-r6 { fill: #008139 } - .terminal-3921854451-r7 { fill: #4ebf71;font-weight: bold } - .terminal-3921854451-r8 { fill: #939393;font-weight: bold } - .terminal-3921854451-r9 { fill: #4ebf71;text-decoration: underline; } - .terminal-3921854451-r10 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3921854451-r11 { fill: #fea62b;font-weight: bold } - .terminal-3921854451-r12 { fill: #a7a9ab } - .terminal-3921854451-r13 { fill: #a6742c;font-weight: bold } - .terminal-3921854451-r14 { fill: #727579 } + .terminal-1448741579-r1 { fill: #c5c8c6 } + .terminal-1448741579-r2 { fill: #24292f } + .terminal-1448741579-r3 { fill: #e1e1e1 } + .terminal-1448741579-r4 { fill: #e2e3e3 } + .terminal-1448741579-r5 { fill: #96989b } + .terminal-1448741579-r6 { fill: #008139 } + .terminal-1448741579-r7 { fill: #4ebf71;font-weight: bold } + .terminal-1448741579-r8 { fill: #939393;font-weight: bold } + .terminal-1448741579-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-1448741579-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-1448741579-r11 { fill: #fea62b;font-weight: bold } + .terminal-1448741579-r12 { fill: #a7a9ab } + .terminal-1448741579-r13 { fill: #a6742c;font-weight: bold } + .terminal-1448741579-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - ▊ - ▼ Ⅰ Textual Markdown Browser▊ - └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser - ▊ - ▊Welcome fellow adventurer! If you ran  - ▊markdown.py from the terminal you are  - ▊viewing demo.md with Textual's built  - ▊in Markdown widget. - ▊ - ▊The widget supports much of the  - ▊Markdown spec. There is also an  - ▊optional Table of Contents sidebar  - ▊which you will see to your left. - ▊ - ▊ - ▊Do You Want to Know More? - ▊ - ▊See example.md for more examples of  - ▊what this can do. - ▊ - ▊ - ▊ - ▊ -  t TOC b Back f Forward + + + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊Welcome fellow adventurer! If you ran  + ▊markdown.py from the terminal you are  + ▊viewing demo.md with Textual's built  + ▊in Markdown widget. + ▊ + ▊The widget supports much of the  + ▊Markdown spec. There is also an  + ▊optional Table of Contents sidebar  + ▊which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊See example.md for more examples of  + ▊what this can do. + ▊ + ▊ + ▊ + ▊ +  t TOC b Back f Forward @@ -21019,134 +21019,134 @@ font-weight: 700; } - .terminal-1181260816-matrix { + .terminal-1459740668-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1181260816-title { + .terminal-1459740668-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1181260816-r1 { fill: #e1e1e1 } - .terminal-1181260816-r2 { fill: #c5c8c6 } - .terminal-1181260816-r3 { fill: #dde8f3;font-weight: bold } - .terminal-1181260816-r4 { fill: #ddedf9 } + .terminal-1459740668-r1 { fill: #e1e1e1 } + .terminal-1459740668-r2 { fill: #c5c8c6 } + .terminal-1459740668-r3 { fill: #dde8f3;font-weight: bold } + .terminal-1459740668-r4 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ClassicFooterStylingApp + ClassicFooterStylingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  CTRL+T Toggle Dark mode CTRL+Q Quit + + + + + + + + + + + + + + + + + + + + + + + + + + +  CTRL+T Toggle Dark mode CTRL+Q Quit @@ -21334,135 +21334,135 @@ font-weight: 700; } - .terminal-866115740-matrix { + .terminal-3310691502-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-866115740-title { + .terminal-3310691502-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-866115740-r1 { fill: #e1e1e1 } - .terminal-866115740-r2 { fill: #c5c8c6 } - .terminal-866115740-r3 { fill: #fea62b;font-weight: bold } - .terminal-866115740-r4 { fill: #a7a9ab } - .terminal-866115740-r5 { fill: #e2e3e3 } + .terminal-3310691502-r1 { fill: #e1e1e1 } + .terminal-3310691502-r2 { fill: #c5c8c6 } + .terminal-3310691502-r3 { fill: #fea62b;font-weight: bold } + .terminal-3310691502-r4 { fill: #a7a9ab } + .terminal-3310691502-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  q Quit the app ? Show help screen delete Delete the thing + + + + + + + + + + + + + + + + + + + + + + + + + + +  q Quit the app ? Show help screen delete Delete the thing @@ -23871,135 +23871,135 @@ font-weight: 700; } - .terminal-1407954339-matrix { + .terminal-3686592987-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1407954339-title { + .terminal-3686592987-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1407954339-r1 { fill: #e1e1e1 } - .terminal-1407954339-r2 { fill: #c5c8c6 } - .terminal-1407954339-r3 { fill: #fea62b;font-weight: bold } - .terminal-1407954339-r4 { fill: #a7a9ab } - .terminal-1407954339-r5 { fill: #e2e3e3 } + .terminal-3686592987-r1 { fill: #e1e1e1 } + .terminal-3686592987-r2 { fill: #c5c8c6 } + .terminal-3686592987-r3 { fill: #fea62b;font-weight: bold } + .terminal-3686592987-r4 { fill: #a7a9ab } + .terminal-3686592987-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  ? Question ^q Quit app Escape! Escape a Letter A + + + + + + + + + + + + + + + + + + + + + + + + + + +  ? Question ^q Quit app Escape! Escape a Letter A @@ -24346,137 +24346,137 @@ font-weight: 700; } - .terminal-380781107-matrix { + .terminal-4186080716-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-380781107-title { + .terminal-4186080716-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-380781107-r1 { fill: #c5c8c6 } - .terminal-380781107-r2 { fill: #e3e3e3 } - .terminal-380781107-r3 { fill: #e1e1e1 } - .terminal-380781107-r4 { fill: #ff0000 } - .terminal-380781107-r5 { fill: #fea62b;font-weight: bold } - .terminal-380781107-r6 { fill: #a7a9ab } - .terminal-380781107-r7 { fill: #e2e3e3 } + .terminal-4186080716-r1 { fill: #c5c8c6 } + .terminal-4186080716-r2 { fill: #e3e3e3 } + .terminal-4186080716-r3 { fill: #e1e1e1 } + .terminal-4186080716-r4 { fill: #ff0000 } + .terminal-4186080716-r5 { fill: #fea62b;font-weight: bold } + .terminal-4186080716-r6 { fill: #a7a9ab } + .terminal-4186080716-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - - - - ⭘DialogIssueApp - - - - - - ╭──────────────────────────────────────╮ - ││ - ││ - ││ - ││ - │This should not cause a scrollbar to a│ - ││ - ││ - ││ - ││ - ││ - ╰──────────────────────────────────────╯ - - - - - -  d Toggle the dialog + + + + ⭘DialogIssueApp + + + + + + ╭──────────────────────────────────────╮ + ││ + ││ + ││ + ││ + │This should not cause a scrollbar to a│ + ││ + ││ + ││ + ││ + ││ + ╰──────────────────────────────────────╯ + + + + + +  d Toggle the dialog @@ -27555,136 +27555,136 @@ font-weight: 700; } - .terminal-3249941691-matrix { + .terminal-1384214612-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3249941691-title { + .terminal-1384214612-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3249941691-r1 { fill: #c5c8c6 } - .terminal-3249941691-r2 { fill: #e3e3e3 } - .terminal-3249941691-r3 { fill: #e1e1e1 } - .terminal-3249941691-r4 { fill: #fea62b;font-weight: bold } - .terminal-3249941691-r5 { fill: #a7a9ab } - .terminal-3249941691-r6 { fill: #e2e3e3 } + .terminal-1384214612-r1 { fill: #c5c8c6 } + .terminal-1384214612-r2 { fill: #e3e3e3 } + .terminal-1384214612-r3 { fill: #e1e1e1 } + .terminal-1384214612-r4 { fill: #fea62b;font-weight: bold } + .terminal-1384214612-r5 { fill: #a7a9ab } + .terminal-1384214612-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - Hello - - - - - - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + ⭘ModalApp + Hello + + + + + + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -27714,141 +27714,141 @@ font-weight: 700; } - .terminal-2994895694-matrix { + .terminal-2614148702-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2994895694-title { + .terminal-2614148702-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2994895694-r1 { fill: #e0e0e0 } - .terminal-2994895694-r2 { fill: #656565 } - .terminal-2994895694-r3 { fill: #c5c8c6 } - .terminal-2994895694-r4 { fill: #121212 } - .terminal-2994895694-r5 { fill: #e1e1e1 } - .terminal-2994895694-r6 { fill: #454a50 } - .terminal-2994895694-r7 { fill: #646464 } - .terminal-2994895694-r8 { fill: #24292f;font-weight: bold } - .terminal-2994895694-r9 { fill: #000000 } - .terminal-2994895694-r10 { fill: #704d1c;font-weight: bold } - .terminal-2994895694-r11 { fill: #4d4e4f } + .terminal-2614148702-r1 { fill: #e0e0e0 } + .terminal-2614148702-r2 { fill: #656565 } + .terminal-2614148702-r3 { fill: #c5c8c6 } + .terminal-2614148702-r4 { fill: #121212 } + .terminal-2614148702-r5 { fill: #e1e1e1 } + .terminal-2614148702-r6 { fill: #454a50 } + .terminal-2614148702-r7 { fill: #646464 } + .terminal-2614148702-r8 { fill: #24292f;font-weight: bold } + .terminal-2614148702-r9 { fill: #000000 } + .terminal-2614148702-r10 { fill: #704d1c;font-weight: bold } + .terminal-2614148702-r11 { fill: #4d4e4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▊hi!▎ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - OK - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + DialogModalApp + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▊hi!▎ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + OK + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -28035,135 +28035,135 @@ font-weight: 700; } - .terminal-3918083956-matrix { + .terminal-1053129485-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3918083956-title { + .terminal-1053129485-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3918083956-r1 { fill: #e1e1e1 } - .terminal-3918083956-r2 { fill: #c5c8c6 } - .terminal-3918083956-r3 { fill: #fea62b;font-weight: bold } - .terminal-3918083956-r4 { fill: #a7a9ab } - .terminal-3918083956-r5 { fill: #e2e3e3 } + .terminal-1053129485-r1 { fill: #e1e1e1 } + .terminal-1053129485-r2 { fill: #c5c8c6 } + .terminal-1053129485-r3 { fill: #fea62b;font-weight: bold } + .terminal-1053129485-r4 { fill: #a7a9ab } + .terminal-1053129485-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MApp + MApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  o Options + + + + + + + + + + + + + + + + + + + + + + + + + + +  o Options @@ -31214,137 +31214,137 @@ font-weight: 700; } - .terminal-1595295961-matrix { + .terminal-3329985650-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1595295961-title { + .terminal-3329985650-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1595295961-r1 { fill: #ffff00 } - .terminal-1595295961-r2 { fill: #e3e3e3 } - .terminal-1595295961-r3 { fill: #c5c8c6 } - .terminal-1595295961-r4 { fill: #e1e1e1 } - .terminal-1595295961-r5 { fill: #fea62b;font-weight: bold } - .terminal-1595295961-r6 { fill: #a7a9ab } - .terminal-1595295961-r7 { fill: #e2e3e3 } + .terminal-3329985650-r1 { fill: #ffff00 } + .terminal-3329985650-r2 { fill: #e3e3e3 } + .terminal-3329985650-r3 { fill: #c5c8c6 } + .terminal-3329985650-r4 { fill: #e1e1e1 } + .terminal-3329985650-r5 { fill: #fea62b;font-weight: bold } + .terminal-3329985650-r6 { fill: #a7a9ab } + .terminal-3329985650-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -31374,137 +31374,137 @@ font-weight: 700; } - .terminal-1309099105-matrix { + .terminal-106399738-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1309099105-title { + .terminal-106399738-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1309099105-r1 { fill: #ffff00 } - .terminal-1309099105-r2 { fill: #e3e3e3 } - .terminal-1309099105-r3 { fill: #c5c8c6 } - .terminal-1309099105-r4 { fill: #ddeedd } - .terminal-1309099105-r5 { fill: #fea62b;font-weight: bold } - .terminal-1309099105-r6 { fill: #a7a9ab } - .terminal-1309099105-r7 { fill: #e2e3e3 } + .terminal-106399738-r1 { fill: #ffff00 } + .terminal-106399738-r2 { fill: #e3e3e3 } + .terminal-106399738-r3 { fill: #c5c8c6 } + .terminal-106399738-r4 { fill: #ddeedd } + .terminal-106399738-r5 { fill: #fea62b;font-weight: bold } + .terminal-106399738-r6 { fill: #a7a9ab } + .terminal-106399738-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -32357,136 +32357,136 @@ font-weight: 700; } - .terminal-3319886723-matrix { + .terminal-1741797148-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3319886723-title { + .terminal-1741797148-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3319886723-r1 { fill: #e1e1e1 } - .terminal-3319886723-r2 { fill: #c5c8c6 } - .terminal-3319886723-r3 { fill: #4ebf71 } - .terminal-3319886723-r4 { fill: #fea62b;font-weight: bold } - .terminal-3319886723-r5 { fill: #a7a9ab } - .terminal-3319886723-r6 { fill: #e2e3e3 } + .terminal-1741797148-r1 { fill: #e1e1e1 } + .terminal-1741797148-r2 { fill: #c5c8c6 } + .terminal-1741797148-r3 { fill: #4ebf71 } + .terminal-1741797148-r4 { fill: #fea62b;font-weight: bold } + .terminal-1741797148-r5 { fill: #a7a9ab } + .terminal-1741797148-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -32516,138 +32516,138 @@ font-weight: 700; } - .terminal-4115889049-matrix { + .terminal-3176906546-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4115889049-title { + .terminal-3176906546-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4115889049-r1 { fill: #e1e1e1 } - .terminal-4115889049-r2 { fill: #c5c8c6 } - .terminal-4115889049-r3 { fill: #b93c5b } - .terminal-4115889049-r4 { fill: #1e1e1e } - .terminal-4115889049-r5 { fill: #e1e1e1;text-decoration: underline; } - .terminal-4115889049-r6 { fill: #fea62b;font-weight: bold } - .terminal-4115889049-r7 { fill: #a7a9ab } - .terminal-4115889049-r8 { fill: #e2e3e3 } + .terminal-3176906546-r1 { fill: #e1e1e1 } + .terminal-3176906546-r2 { fill: #c5c8c6 } + .terminal-3176906546-r3 { fill: #b93c5b } + .terminal-3176906546-r4 { fill: #1e1e1e } + .terminal-3176906546-r5 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3176906546-r6 { fill: #fea62b;font-weight: bold } + .terminal-3176906546-r7 { fill: #a7a9ab } + .terminal-3176906546-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -32677,137 +32677,137 @@ font-weight: 700; } - .terminal-3127965926-matrix { + .terminal-1399536782-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3127965926-title { + .terminal-1399536782-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3127965926-r1 { fill: #e1e1e1 } - .terminal-3127965926-r2 { fill: #c5c8c6 } - .terminal-3127965926-r3 { fill: #fea62b } - .terminal-3127965926-r4 { fill: #323232 } - .terminal-3127965926-r5 { fill: #fea62b;font-weight: bold } - .terminal-3127965926-r6 { fill: #a7a9ab } - .terminal-3127965926-r7 { fill: #e2e3e3 } + .terminal-1399536782-r1 { fill: #e1e1e1 } + .terminal-1399536782-r2 { fill: #c5c8c6 } + .terminal-1399536782-r3 { fill: #fea62b } + .terminal-1399536782-r4 { fill: #323232 } + .terminal-1399536782-r5 { fill: #fea62b;font-weight: bold } + .terminal-1399536782-r6 { fill: #a7a9ab } + .terminal-1399536782-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -32837,139 +32837,139 @@ font-weight: 700; } - .terminal-12517432-matrix { + .terminal-299516881-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-12517432-title { + .terminal-299516881-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-12517432-r1 { fill: #e1e1e1 } - .terminal-12517432-r2 { fill: #c5c8c6 } - .terminal-12517432-r3 { fill: #004578 } - .terminal-12517432-r4 { fill: #152939 } - .terminal-12517432-r5 { fill: #1e1e1e } - .terminal-12517432-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-12517432-r7 { fill: #fea62b;font-weight: bold } - .terminal-12517432-r8 { fill: #a7a9ab } - .terminal-12517432-r9 { fill: #e2e3e3 } + .terminal-299516881-r1 { fill: #e1e1e1 } + .terminal-299516881-r2 { fill: #c5c8c6 } + .terminal-299516881-r3 { fill: #004578 } + .terminal-299516881-r4 { fill: #152939 } + .terminal-299516881-r5 { fill: #1e1e1e } + .terminal-299516881-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-299516881-r7 { fill: #fea62b;font-weight: bold } + .terminal-299516881-r8 { fill: #a7a9ab } + .terminal-299516881-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -32999,137 +32999,137 @@ font-weight: 700; } - .terminal-3696262539-matrix { + .terminal-3276849444-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3696262539-title { + .terminal-3276849444-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3696262539-r1 { fill: #e1e1e1 } - .terminal-3696262539-r2 { fill: #c5c8c6 } - .terminal-3696262539-r3 { fill: #323232 } - .terminal-3696262539-r4 { fill: #b93c5b } - .terminal-3696262539-r5 { fill: #fea62b;font-weight: bold } - .terminal-3696262539-r6 { fill: #a7a9ab } - .terminal-3696262539-r7 { fill: #e2e3e3 } + .terminal-3276849444-r1 { fill: #e1e1e1 } + .terminal-3276849444-r2 { fill: #c5c8c6 } + .terminal-3276849444-r3 { fill: #323232 } + .terminal-3276849444-r4 { fill: #b93c5b } + .terminal-3276849444-r5 { fill: #fea62b;font-weight: bold } + .terminal-3276849444-r6 { fill: #a7a9ab } + .terminal-3276849444-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -33159,139 +33159,139 @@ font-weight: 700; } - .terminal-450071011-matrix { + .terminal-2860436860-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-450071011-title { + .terminal-2860436860-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-450071011-r1 { fill: #e1e1e1 } - .terminal-450071011-r2 { fill: #c5c8c6 } - .terminal-450071011-r3 { fill: #fea62b } - .terminal-450071011-r4 { fill: #004578 } - .terminal-450071011-r5 { fill: #1e1e1e } - .terminal-450071011-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-450071011-r7 { fill: #fea62b;font-weight: bold } - .terminal-450071011-r8 { fill: #a7a9ab } - .terminal-450071011-r9 { fill: #e2e3e3 } + .terminal-2860436860-r1 { fill: #e1e1e1 } + .terminal-2860436860-r2 { fill: #c5c8c6 } + .terminal-2860436860-r3 { fill: #fea62b } + .terminal-2860436860-r4 { fill: #004578 } + .terminal-2860436860-r5 { fill: #1e1e1e } + .terminal-2860436860-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-2860436860-r7 { fill: #fea62b;font-weight: bold } + .terminal-2860436860-r8 { fill: #a7a9ab } + .terminal-2860436860-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -33966,138 +33966,138 @@ font-weight: 700; } - .terminal-511391062-matrix { + .terminal-2821683492-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-511391062-title { + .terminal-2821683492-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-511391062-r1 { fill: #c5c8c6 } - .terminal-511391062-r2 { fill: #e3e3e3 } - .terminal-511391062-r3 { fill: #008000 } - .terminal-511391062-r4 { fill: #ffff00 } - .terminal-511391062-r5 { fill: #e1e1e1 } - .terminal-511391062-r6 { fill: #fea62b;font-weight: bold } - .terminal-511391062-r7 { fill: #a7a9ab } - .terminal-511391062-r8 { fill: #e2e3e3 } + .terminal-2821683492-r1 { fill: #c5c8c6 } + .terminal-2821683492-r2 { fill: #e3e3e3 } + .terminal-2821683492-r3 { fill: #008000 } + .terminal-2821683492-r4 { fill: #ffff00 } + .terminal-2821683492-r5 { fill: #e1e1e1 } + .terminal-2821683492-r6 { fill: #fea62b;font-weight: bold } + .terminal-2821683492-r7 { fill: #a7a9ab } + .terminal-2821683492-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - - - - ⭘VerticalRemoveApp - ╭──────────────────────────────────────────────────────────────────────────────╮ - │╭────────────────────╮│ - ││This is a test label││ - │╰────────────────────╯│ - ╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - -  a Add d Delete + + + + ⭘VerticalRemoveApp + ╭──────────────────────────────────────────────────────────────────────────────╮ + │╭────────────────────╮│ + ││This is a test label││ + │╰────────────────────╯│ + ╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + +  a Add d Delete @@ -35217,136 +35217,136 @@ font-weight: 700; } - .terminal-2862222198-matrix { + .terminal-2070957839-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2862222198-title { + .terminal-2070957839-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2862222198-r1 { fill: #c5c8c6 } - .terminal-2862222198-r2 { fill: #e3e3e3 } - .terminal-2862222198-r3 { fill: #e1e1e1 } - .terminal-2862222198-r4 { fill: #fea62b;font-weight: bold } - .terminal-2862222198-r5 { fill: #a7a9ab } - .terminal-2862222198-r6 { fill: #e2e3e3 } + .terminal-2070957839-r1 { fill: #c5c8c6 } + .terminal-2070957839-r2 { fill: #e3e3e3 } + .terminal-2070957839-r3 { fill: #e1e1e1 } + .terminal-2070957839-r4 { fill: #fea62b;font-weight: bold } + .terminal-2070957839-r5 { fill: #a7a9ab } + .terminal-2070957839-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - B - - - - - - - - - - - - - - - - - - - - - -  a Push screen A + + + + ⭘ModalApp + B + + + + + + + + + + + + + + + + + + + + + +  a Push screen A @@ -39064,141 +39064,141 @@ font-weight: 700; } - .terminal-3308851925-matrix { + .terminal-1446205144-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3308851925-title { + .terminal-1446205144-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3308851925-r1 { fill: #c5c8c6 } - .terminal-3308851925-r2 { fill: #e1e1e1 } - .terminal-3308851925-r3 { fill: #737373 } - .terminal-3308851925-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-3308851925-r5 { fill: #474747 } - .terminal-3308851925-r6 { fill: #0178d4 } - .terminal-3308851925-r7 { fill: #4ebf71;font-weight: bold } - .terminal-3308851925-r8 { fill: #323232 } - .terminal-3308851925-r9 { fill: #fea62b;font-weight: bold } - .terminal-3308851925-r10 { fill: #a7a9ab } - .terminal-3308851925-r11 { fill: #e2e3e3 } + .terminal-1446205144-r1 { fill: #c5c8c6 } + .terminal-1446205144-r2 { fill: #e1e1e1 } + .terminal-1446205144-r3 { fill: #737373 } + .terminal-1446205144-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-1446205144-r5 { fill: #474747 } + .terminal-1446205144-r6 { fill: #0178d4 } + .terminal-1446205144-r7 { fill: #4ebf71;font-weight: bold } + .terminal-1446205144-r8 { fill: #323232 } + .terminal-1446205144-r9 { fill: #fea62b;font-weight: bold } + .terminal-1446205144-r10 { fill: #a7a9ab } + .terminal-1446205144-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - Lady Jessica - - Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child - - - - - - - -  l Leto j Jessica p Paul + + + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + + Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child + + + + + + + +  l Leto j Jessica p Paul @@ -46813,153 +46813,153 @@ font-weight: 700; } - .terminal-2620096211-matrix { + .terminal-3799630444-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2620096211-title { + .terminal-3799630444-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2620096211-r1 { fill: #c5c8c6 } - .terminal-2620096211-r2 { fill: #e1e1e1 } - .terminal-2620096211-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-2620096211-r4 { fill: #737373 } - .terminal-2620096211-r5 { fill: #474747 } - .terminal-2620096211-r6 { fill: #0178d4 } - .terminal-2620096211-r7 { fill: #454a50 } - .terminal-2620096211-r8 { fill: #e0e0e0 } - .terminal-2620096211-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-2620096211-r10 { fill: #000000 } - .terminal-2620096211-r11 { fill: #1e1e1e } - .terminal-2620096211-r12 { fill: #dde0e6 } - .terminal-2620096211-r13 { fill: #99a1b3 } - .terminal-2620096211-r14 { fill: #dde2e8 } - .terminal-2620096211-r15 { fill: #99a7b9 } - .terminal-2620096211-r16 { fill: #dde4ea } - .terminal-2620096211-r17 { fill: #99adc1 } - .terminal-2620096211-r18 { fill: #dde6ed } - .terminal-2620096211-r19 { fill: #99b4c9 } - .terminal-2620096211-r20 { fill: #23568b } - .terminal-2620096211-r21 { fill: #fea62b;font-weight: bold } - .terminal-2620096211-r22 { fill: #a7a9ab } - .terminal-2620096211-r23 { fill: #e2e3e3 } + .terminal-3799630444-r1 { fill: #c5c8c6 } + .terminal-3799630444-r2 { fill: #e1e1e1 } + .terminal-3799630444-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-3799630444-r4 { fill: #737373 } + .terminal-3799630444-r5 { fill: #474747 } + .terminal-3799630444-r6 { fill: #0178d4 } + .terminal-3799630444-r7 { fill: #454a50 } + .terminal-3799630444-r8 { fill: #e0e0e0 } + .terminal-3799630444-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-3799630444-r10 { fill: #000000 } + .terminal-3799630444-r11 { fill: #1e1e1e } + .terminal-3799630444-r12 { fill: #dde0e6 } + .terminal-3799630444-r13 { fill: #99a1b3 } + .terminal-3799630444-r14 { fill: #dde2e8 } + .terminal-3799630444-r15 { fill: #99a7b9 } + .terminal-3799630444-r16 { fill: #dde4ea } + .terminal-3799630444-r17 { fill: #99adc1 } + .terminal-3799630444-r18 { fill: #dde6ed } + .terminal-3799630444-r19 { fill: #99b4c9 } + .terminal-3799630444-r20 { fill: #23568b } + .terminal-3799630444-r21 { fill: #fea62b;font-weight: bold } + .terminal-3799630444-r22 { fill: #a7a9ab } + .terminal-3799630444-r23 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - - Theme ColorsNamed Colors - ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - primary - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - secondary▎"primary" - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - background▎$primary-darken-3$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - primary-background▎$primary-darken-2$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - secondary-background▎$primary-darken-1$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - surface▎$primary$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - -  d Toggle dark mode + + + + + Theme ColorsNamed Colors + ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + primary + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary▎"primary" + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + background▎$primary-darken-3$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + primary-background▎$primary-darken-2$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + secondary-background▎$primary-darken-1$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + surface▎$primary$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + +  d Toggle dark mode @@ -46989,149 +46989,149 @@ font-weight: 700; } - .terminal-2512339356-matrix { + .terminal-2476508522-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2512339356-title { + .terminal-2476508522-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2512339356-r1 { fill: #454a50 } - .terminal-2512339356-r2 { fill: #e1e1e1 } - .terminal-2512339356-r3 { fill: #c5c8c6 } - .terminal-2512339356-r4 { fill: #24292f;font-weight: bold } - .terminal-2512339356-r5 { fill: #262626 } - .terminal-2512339356-r6 { fill: #e2e2e2 } - .terminal-2512339356-r7 { fill: #000000 } - .terminal-2512339356-r8 { fill: #e3e3e3 } - .terminal-2512339356-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-2512339356-r10 { fill: #14191f } - .terminal-2512339356-r11 { fill: #b93c5b } - .terminal-2512339356-r12 { fill: #121212 } - .terminal-2512339356-r13 { fill: #1e1e1e } - .terminal-2512339356-r14 { fill: #fea62b } - .terminal-2512339356-r15 { fill: #211505;font-weight: bold } - .terminal-2512339356-r16 { fill: #211505 } - .terminal-2512339356-r17 { fill: #fea62b;font-weight: bold } - .terminal-2512339356-r18 { fill: #a7a9ab } - .terminal-2512339356-r19 { fill: #e2e3e3 } + .terminal-2476508522-r1 { fill: #454a50 } + .terminal-2476508522-r2 { fill: #e1e1e1 } + .terminal-2476508522-r3 { fill: #c5c8c6 } + .terminal-2476508522-r4 { fill: #24292f;font-weight: bold } + .terminal-2476508522-r5 { fill: #262626 } + .terminal-2476508522-r6 { fill: #e2e2e2 } + .terminal-2476508522-r7 { fill: #000000 } + .terminal-2476508522-r8 { fill: #e3e3e3 } + .terminal-2476508522-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-2476508522-r10 { fill: #14191f } + .terminal-2476508522-r11 { fill: #b93c5b } + .terminal-2476508522-r12 { fill: #121212 } + .terminal-2476508522-r13 { fill: #1e1e1e } + .terminal-2476508522-r14 { fill: #fea62b } + .terminal-2476508522-r15 { fill: #211505;font-weight: bold } + .terminal-2476508522-r16 { fill: #211505 } + .terminal-2476508522-r17 { fill: #fea62b;font-weight: bold } + .terminal-2476508522-r18 { fill: #a7a9ab } + .terminal-2476508522-r19 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - round▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - out_sine - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - out_quint▏▎▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ - out_quart▏▎I must not fear.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ - out_quad▏▎Fear is the ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ - out_expo▏▎obliteration.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ - out_elastic▏▎pass over me and ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ - out_cubic▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + round▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + out_sine + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + out_quint▏▎▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ + out_quart▏▎I must not fear.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ + out_quad▏▎Fear is the ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ + out_expo▏▎obliteration.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ + out_elastic▏▎pass over me and ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ + out_cubic▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark From 3dd8afd8fbc723d40169848c3417bdde06fc7ed9 Mon Sep 17 00:00:00 2001 From: Darren Burns Date: Thu, 11 Jul 2024 12:40:34 +0100 Subject: [PATCH 11/20] Update snapshots using latest Textual version. --- .../__snapshots__/test_snapshots.ambr | 4304 ++++++++--------- 1 file changed, 2152 insertions(+), 2152 deletions(-) diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 988fddbbd1..b41ae6b98a 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -1005,137 +1005,137 @@ font-weight: 700; } - .terminal-3513309286-matrix { + .terminal-792109729-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3513309286-title { + .terminal-792109729-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3513309286-r1 { fill: #c5c8c6 } - .terminal-3513309286-r2 { fill: #e3e3e3 } - .terminal-3513309286-r3 { fill: #e1e1e1 } - .terminal-3513309286-r4 { fill: #ff0000 } - .terminal-3513309286-r5 { fill: #fea62b;font-weight: bold } - .terminal-3513309286-r6 { fill: #a7a9ab } - .terminal-3513309286-r7 { fill: #e2e3e3 } + .terminal-792109729-r1 { fill: #c5c8c6 } + .terminal-792109729-r2 { fill: #e3e3e3 } + .terminal-792109729-r3 { fill: #e1e1e1 } + .terminal-792109729-r4 { fill: #ff0000 } + .terminal-792109729-r5 { fill: #fea62b;font-weight: bold } + .terminal-792109729-r6 { fill: #a7a9ab } + .terminal-792109729-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - - - - ⭘GridHeightAuto - Here is some text before the grid                                                - ┌──────────────────────────────────────────────────────────────────────────────┐ - │Cell #0                   Cell #1                   Cell #2                   │ - │Cell #3                   Cell #4                   Cell #5                   │ - │Cell #6                   Cell #7                   Cell #8                   │ - └──────────────────────────────────────────────────────────────────────────────┘ - Here is some text after the grid                                                 - - - - - - - - - - - - - - - -  g Grid  v Vertical  h Horizontal  c Container  + + + + ⭘GridHeightAuto + Here is some text before the grid                                                + ┌──────────────────────────────────────────────────────────────────────────────┐ + │Cell #0                   Cell #1                   Cell #2                   │ + │Cell #3                   Cell #4                   Cell #5                   │ + │Cell #6                   Cell #7                   Cell #8                   │ + └──────────────────────────────────────────────────────────────────────────────┘ + Here is some text after the grid                                                 + + + + + + + + + + + + + + + +  g Grid v Vertical h Horizontal c Container @@ -1165,143 +1165,143 @@ font-weight: 700; } - .terminal-4044092870-matrix { + .terminal-441710022-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4044092870-title { + .terminal-441710022-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4044092870-r1 { fill: #c5c8c6 } - .terminal-4044092870-r2 { fill: #e1e1e1 } - .terminal-4044092870-r3 { fill: #f4005f } - .terminal-4044092870-r4 { fill: #98e024;font-weight: bold } - .terminal-4044092870-r5 { fill: #323232 } - .terminal-4044092870-r6 { fill: #0178d4 } - .terminal-4044092870-r7 { fill: #98e024 } - .terminal-4044092870-r8 { fill: #7ae998 } - .terminal-4044092870-r9 { fill: #4ebf71;font-weight: bold } - .terminal-4044092870-r10 { fill: #008139 } - .terminal-4044092870-r11 { fill: #fea62b;font-weight: bold } - .terminal-4044092870-r12 { fill: #a7a9ab } - .terminal-4044092870-r13 { fill: #e2e3e3 } + .terminal-441710022-r1 { fill: #c5c8c6 } + .terminal-441710022-r2 { fill: #e1e1e1 } + .terminal-441710022-r3 { fill: #f4005f } + .terminal-441710022-r4 { fill: #98e024;font-weight: bold } + .terminal-441710022-r5 { fill: #323232 } + .terminal-441710022-r6 { fill: #0178d4 } + .terminal-441710022-r7 { fill: #98e024 } + .terminal-441710022-r8 { fill: #7ae998 } + .terminal-441710022-r9 { fill: #4ebf71;font-weight: bold } + .terminal-441710022-r10 { fill: #008139 } + .terminal-441710022-r11 { fill: #fea62b;font-weight: bold } + .terminal-441710022-r12 { fill: #a7a9ab } + .terminal-441710022-r13 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - - Parent 1Parent 2 - ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - Child 2.1Child 2.2 - ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button 2.2  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - -  SPACE Focus button 2.2  + + + + + Parent 1Parent 2 + ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + Child 2.1Child 2.2 + ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  Button 2.2  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + +  SPACE Focus button 2.2 @@ -1875,135 +1875,135 @@ font-weight: 700; } - .terminal-2919316667-matrix { + .terminal-3610918075-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2919316667-title { + .terminal-3610918075-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2919316667-r1 { fill: #e1e1e1 } - .terminal-2919316667-r2 { fill: #c5c8c6 } - .terminal-2919316667-r3 { fill: #fea62b;font-weight: bold } - .terminal-2919316667-r4 { fill: #a7a9ab } - .terminal-2919316667-r5 { fill: #e2e3e3 } + .terminal-3610918075-r1 { fill: #e1e1e1 } + .terminal-3610918075-r2 { fill: #c5c8c6 } + .terminal-3610918075-r3 { fill: #fea62b;font-weight: bold } + .terminal-3610918075-r4 { fill: #a7a9ab } + .terminal-3610918075-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HideBindingApp + HideBindingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  p Binding shown  + + + + + + + + + + + + + + + + + + + + + + + + + + +  p Binding shown @@ -3345,138 +3345,138 @@ font-weight: 700; } - .terminal-4248372996-matrix { + .terminal-4188818024-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4248372996-title { + .terminal-4188818024-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4248372996-r1 { fill: #121212 } - .terminal-4248372996-r2 { fill: #c5c8c6 } - .terminal-4248372996-r3 { fill: #ddedf9 } - .terminal-4248372996-r4 { fill: #e2e2e2 } - .terminal-4248372996-r5 { fill: #e1e1e1 } - .terminal-4248372996-r6 { fill: #fea62b;font-weight: bold } - .terminal-4248372996-r7 { fill: #a7a9ab } - .terminal-4248372996-r8 { fill: #e2e3e3 } + .terminal-4188818024-r1 { fill: #121212 } + .terminal-4188818024-r2 { fill: #c5c8c6 } + .terminal-4188818024-r3 { fill: #ddedf9 } + .terminal-4188818024-r4 { fill: #e2e2e2 } + .terminal-4188818024-r5 { fill: #e1e1e1 } + .terminal-4188818024-r6 { fill: #fea62b;font-weight: bold } + .terminal-4188818024-r7 { fill: #a7a9ab } + .terminal-4188818024-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Leto - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Jessica - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - - - - - - - - - - - - - -  c Collapse All  e Expand All  + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Leto + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Jessica + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + + + + + + + + + + + + + +  c Collapse All e Expand All @@ -3664,140 +3664,140 @@ font-weight: 700; } - .terminal-1549040424-matrix { + .terminal-1250672268-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1549040424-title { + .terminal-1250672268-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1549040424-r1 { fill: #121212 } - .terminal-1549040424-r2 { fill: #e1e1e1 } - .terminal-1549040424-r3 { fill: #c5c8c6 } - .terminal-1549040424-r4 { fill: #ddedf9 } - .terminal-1549040424-r5 { fill: #e2e2e2 } - .terminal-1549040424-r6 { fill: #4ebf71;font-weight: bold } - .terminal-1549040424-r7 { fill: #14191f } - .terminal-1549040424-r8 { fill: #fea62b;font-weight: bold } - .terminal-1549040424-r9 { fill: #a7a9ab } - .terminal-1549040424-r10 { fill: #e2e3e3 } + .terminal-1250672268-r1 { fill: #121212 } + .terminal-1250672268-r2 { fill: #e1e1e1 } + .terminal-1250672268-r3 { fill: #c5c8c6 } + .terminal-1250672268-r4 { fill: #ddedf9 } + .terminal-1250672268-r5 { fill: #e2e2e2 } + .terminal-1250672268-r6 { fill: #4ebf71;font-weight: bold } + .terminal-1250672268-r7 { fill: #14191f } + .terminal-1250672268-r8 { fill: #fea62b;font-weight: bold } + .terminal-1250672268-r9 { fill: #a7a9ab } + .terminal-1250672268-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides.                                                    - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul▆▆ - - - -  c Collapse All  e Expand All  + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides.                                                    + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + +  c Collapse All e Expand All @@ -3986,139 +3986,139 @@ font-weight: 700; } - .terminal-844098826-matrix { + .terminal-3502715005-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-844098826-title { + .terminal-3502715005-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-844098826-r1 { fill: #121212 } - .terminal-844098826-r2 { fill: #c5c8c6 } - .terminal-844098826-r3 { fill: #ddedf9 } - .terminal-844098826-r4 { fill: #e2e2e2 } - .terminal-844098826-r5 { fill: #4ebf71;font-weight: bold } - .terminal-844098826-r6 { fill: #e1e1e1 } - .terminal-844098826-r7 { fill: #fea62b;font-weight: bold } - .terminal-844098826-r8 { fill: #a7a9ab } - .terminal-844098826-r9 { fill: #e2e3e3 } + .terminal-3502715005-r1 { fill: #121212 } + .terminal-3502715005-r2 { fill: #c5c8c6 } + .terminal-3502715005-r3 { fill: #ddedf9 } + .terminal-3502715005-r4 { fill: #e2e2e2 } + .terminal-3502715005-r5 { fill: #4ebf71;font-weight: bold } + .terminal-3502715005-r6 { fill: #e1e1e1 } + .terminal-3502715005-r7 { fill: #fea62b;font-weight: bold } + .terminal-3502715005-r8 { fill: #a7a9ab } + .terminal-3502715005-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides.                                                      - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - -  c Collapse All  e Expand All  + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides.                                                      + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  c Collapse All e Expand All @@ -18211,169 +18211,169 @@ font-weight: 700; } - .terminal-353476698-matrix { + .terminal-513650169-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-353476698-title { + .terminal-513650169-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-353476698-r1 { fill: #c5c8c6 } - .terminal-353476698-r2 { fill: #e3e3e3 } - .terminal-353476698-r3 { fill: #e1e1e1 } - .terminal-353476698-r4 { fill: #e2e2e2 } - .terminal-353476698-r5 { fill: #14191f } - .terminal-353476698-r6 { fill: #004578 } - .terminal-353476698-r7 { fill: #262626 } - .terminal-353476698-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-353476698-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-353476698-r10 { fill: #7ae998 } - .terminal-353476698-r11 { fill: #4ebf71;font-weight: bold } - .terminal-353476698-r12 { fill: #008139 } - .terminal-353476698-r13 { fill: #fea62b;font-weight: bold } - .terminal-353476698-r14 { fill: #a7a9ab } - .terminal-353476698-r15 { fill: #e2e3e3 } + .terminal-513650169-r1 { fill: #c5c8c6 } + .terminal-513650169-r2 { fill: #e3e3e3 } + .terminal-513650169-r3 { fill: #e1e1e1 } + .terminal-513650169-r4 { fill: #e2e2e2 } + .terminal-513650169-r5 { fill: #14191f } + .terminal-513650169-r6 { fill: #004578 } + .terminal-513650169-r7 { fill: #262626 } + .terminal-513650169-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-513650169-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-513650169-r10 { fill: #7ae998 } + .terminal-513650169-r11 { fill: #4ebf71;font-weight: bold } + .terminal-513650169-r12 { fill: #008139 } + .terminal-513650169-r13 { fill: #fea62b;font-weight: bold } + .terminal-513650169-r14 { fill: #a7a9ab } + .terminal-513650169-r15 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Demo + Textual Demo - - - - ⭘Textual Demo - - - TOP - - ▆▆ - - Widgets - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎▊ - Rich content▎Textual Demo▊ - ▎▊ - ▎Welcome! Textual is a framework for creating sophisticated▊ - ▎applications with the terminal.                           ▊ - CSS▎▊ - ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ - ▎ Start ▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  ^b Sidebar  ^t Toggle Dark mode  ^s Screenshot  f1 Notes  ^q Quit  + + + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎ Start ▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit @@ -19061,142 +19061,142 @@ font-weight: 700; } - .terminal-3926104244-matrix { + .terminal-327063732-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3926104244-title { + .terminal-327063732-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3926104244-r1 { fill: #c5c8c6 } - .terminal-3926104244-r2 { fill: #1e1e1e } - .terminal-3926104244-r3 { fill: #1f1f1f } - .terminal-3926104244-r4 { fill: #ff0000 } - .terminal-3926104244-r5 { fill: #004578;font-weight: bold } - .terminal-3926104244-r6 { fill: #585a5c } - .terminal-3926104244-r7 { fill: #1c1d1e } - .terminal-3926104244-r8 { fill: #c7cdd2 } + .terminal-327063732-r1 { fill: #c5c8c6 } + .terminal-327063732-r2 { fill: #1e1e1e } + .terminal-327063732-r3 { fill: #1f1f1f } + .terminal-327063732-r4 { fill: #ff0000 } + .terminal-327063732-r5 { fill: #004578;font-weight: bold } + .terminal-327063732-r6 { fill: #585a5c } + .terminal-327063732-r7 { fill: #1c1d1e } + .terminal-327063732-r8 { fill: #c7cdd2 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit  - - - ▇▇ + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + + ▇▇ @@ -19226,141 +19226,141 @@ font-weight: 700; } - .terminal-1826994938-matrix { + .terminal-2521938682-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1826994938-title { + .terminal-2521938682-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1826994938-r1 { fill: #c5c8c6 } - .terminal-1826994938-r2 { fill: #1e1e1e } - .terminal-1826994938-r3 { fill: #1f1f1f } - .terminal-1826994938-r4 { fill: #ff0000 } - .terminal-1826994938-r5 { fill: #c7cdd2 } - .terminal-1826994938-r6 { fill: #004578;font-weight: bold } - .terminal-1826994938-r7 { fill: #585a5c } - .terminal-1826994938-r8 { fill: #1c1d1e } + .terminal-2521938682-r1 { fill: #c5c8c6 } + .terminal-2521938682-r2 { fill: #1e1e1e } + .terminal-2521938682-r3 { fill: #1f1f1f } + .terminal-2521938682-r4 { fill: #ff0000 } + .terminal-2521938682-r5 { fill: #c7cdd2 } + .terminal-2521938682-r6 { fill: #004578;font-weight: bold } + .terminal-2521938682-r7 { fill: #585a5c } + .terminal-2521938682-r8 { fill: #1c1d1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│▅▅ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit  - - + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│▅▅ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit + + @@ -19556,137 +19556,137 @@ font-weight: 700; } - .terminal-3961244237-matrix { + .terminal-1774259648-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3961244237-title { + .terminal-1774259648-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3961244237-r1 { fill: #e1e1e1 } - .terminal-3961244237-r2 { fill: #c5c8c6 } - .terminal-3961244237-r3 { fill: #fea62b;font-weight: bold } - .terminal-3961244237-r4 { fill: #a7a9ab } - .terminal-3961244237-r5 { fill: #a6742c;font-weight: bold } - .terminal-3961244237-r6 { fill: #727579 } - .terminal-3961244237-r7 { fill: #e2e3e3 } + .terminal-1774259648-r1 { fill: #e1e1e1 } + .terminal-1774259648-r2 { fill: #c5c8c6 } + .terminal-1774259648-r3 { fill: #fea62b;font-weight: bold } + .terminal-1774259648-r4 { fill: #a7a9ab } + .terminal-1774259648-r5 { fill: #e2e3e3 } + .terminal-1774259648-r6 { fill: #a6742c;font-weight: bold } + .terminal-1774259648-r7 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  a A  c C  + + + + + + + + + + + + + + + + + + + + + + + + + + +  a A c C @@ -20202,139 +20202,139 @@ font-weight: 700; } - .terminal-868612187-matrix { + .terminal-4091855510-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-868612187-title { + .terminal-4091855510-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-868612187-r1 { fill: #e4e5e6 } - .terminal-868612187-r2 { fill: #c5c8c6 } - .terminal-868612187-r3 { fill: #0d0d0d } - .terminal-868612187-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-868612187-r5 { fill: #e7920d } - .terminal-868612187-r6 { fill: #211505;font-weight: bold } - .terminal-868612187-r7 { fill: #fea62b;font-weight: bold } - .terminal-868612187-r8 { fill: #a7a9ab } - .terminal-868612187-r9 { fill: #e2e3e3 } + .terminal-4091855510-r1 { fill: #e4e5e6 } + .terminal-4091855510-r2 { fill: #c5c8c6 } + .terminal-4091855510-r3 { fill: #0d0d0d } + .terminal-4091855510-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-4091855510-r5 { fill: #e7920d } + .terminal-4091855510-r6 { fill: #211505;font-weight: bold } + .terminal-4091855510-r7 { fill: #fea62b;font-weight: bold } + .terminal-4091855510-r8 { fill: #a7a9ab } + .terminal-4091855510-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - - - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -  n New Game  ? Help  q Quit  ^d Toggle Dark Mode  + + + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +  n New Game ? Help q Quit ^d Toggle Dark Mode @@ -20364,143 +20364,143 @@ font-weight: 700; } - .terminal-1766696490-matrix { + .terminal-485043457-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1766696490-title { + .terminal-485043457-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1766696490-r1 { fill: #c5c8c6 } - .terminal-1766696490-r2 { fill: #e3e3e3 } - .terminal-1766696490-r3 { fill: #e2e3e3 } - .terminal-1766696490-r4 { fill: #008139 } - .terminal-1766696490-r5 { fill: #14191f } - .terminal-1766696490-r6 { fill: #e2e3e3;font-weight: bold } - .terminal-1766696490-r7 { fill: #98e024 } - .terminal-1766696490-r8 { fill: #211505;font-weight: bold } - .terminal-1766696490-r9 { fill: #fea62b;font-weight: bold } - .terminal-1766696490-r10 { fill: #58d1eb;font-weight: bold } - .terminal-1766696490-r11 { fill: #f4005f;font-style: italic; } - .terminal-1766696490-r12 { fill: #23568b } - .terminal-1766696490-r13 { fill: #a7a9ab } + .terminal-485043457-r1 { fill: #c5c8c6 } + .terminal-485043457-r2 { fill: #e3e3e3 } + .terminal-485043457-r3 { fill: #e2e3e3 } + .terminal-485043457-r4 { fill: #008139 } + .terminal-485043457-r5 { fill: #14191f } + .terminal-485043457-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-485043457-r7 { fill: #98e024 } + .terminal-485043457-r8 { fill: #211505;font-weight: bold } + .terminal-485043457-r9 { fill: #fea62b;font-weight: bold } + .terminal-485043457-r10 { fill: #58d1eb;font-weight: bold } + .terminal-485043457-r11 { fill: #f4005f;font-style: italic; } + .terminal-485043457-r12 { fill: #23568b } + .terminal-485043457-r13 { fill: #a7a9ab } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - ⭘TreeApp - ▼ Root - └── ▼ {} JSON▁▁ -     ├── code='5060292302201' -     ├── ▼ {} product -     │   ┣━━ _id='5060292302201' -     │   ┣━━ ▶ [] _keywords -     │   ┣━━ ▶ [] added_countries_tags -     │   ┣━━ ▶ [] additives_debug_tags -     │   ┣━━ additives_n=2 -     │   ┣━━ additives_old_n=2 -     │   ┣━━ ▶ [] additives_old_tags -     │   ┣━━ ▶ [] additives_original_tags -     │   ┣━━ ▶ [] additives_prev_original_tags -     │   ┣━━ ▶ [] additives_tags -     │   ┣━━ additives_tags_n=None -     │   ┣━━ allergens='en:milk' -     │   ┣━━ ▶ [] allergens_debug_tags -     │   ┣━━ allergens_from_ingredients='en:milk, milk' -     │   ┣━━ allergens_from_user='(en) en:milk' -     │   ┣━━ ▶ [] allergens_hierarchy -     │   ┣━━ ▶ [] allergens_tags - ▉ -  a Add node  c Clear  t Toggle root  + + + + ⭘TreeApp + ▼ Root + └── ▼ {} JSON▁▁ +     ├── code='5060292302201' +     ├── ▼ {} product +     │   ┣━━ _id='5060292302201' +     │   ┣━━ ▶ [] _keywords +     │   ┣━━ ▶ [] added_countries_tags +     │   ┣━━ ▶ [] additives_debug_tags +     │   ┣━━ additives_n=2 +     │   ┣━━ additives_old_n=2 +     │   ┣━━ ▶ [] additives_old_tags +     │   ┣━━ ▶ [] additives_original_tags +     │   ┣━━ ▶ [] additives_prev_original_tags +     │   ┣━━ ▶ [] additives_tags +     │   ┣━━ additives_tags_n=None +     │   ┣━━ allergens='en:milk' +     │   ┣━━ ▶ [] allergens_debug_tags +     │   ┣━━ allergens_from_ingredients='en:milk, milk' +     │   ┣━━ allergens_from_user='(en) en:milk' +     │   ┣━━ ▶ [] allergens_hierarchy +     │   ┣━━ ▶ [] allergens_tags + ▉ +  a Add node c Clear t Toggle root @@ -20530,144 +20530,144 @@ font-weight: 700; } - .terminal-3608614545-matrix { + .terminal-3558972761-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3608614545-title { + .terminal-3558972761-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3608614545-r1 { fill: #c5c8c6 } - .terminal-3608614545-r2 { fill: #24292f } - .terminal-3608614545-r3 { fill: #e1e1e1 } - .terminal-3608614545-r4 { fill: #e2e3e3 } - .terminal-3608614545-r5 { fill: #96989b } - .terminal-3608614545-r6 { fill: #008139 } - .terminal-3608614545-r7 { fill: #4ebf71;font-weight: bold } - .terminal-3608614545-r8 { fill: #939393;font-weight: bold } - .terminal-3608614545-r9 { fill: #4ebf71;text-decoration: underline; } - .terminal-3608614545-r10 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3608614545-r11 { fill: #fea62b;font-weight: bold } - .terminal-3608614545-r12 { fill: #a7a9ab } - .terminal-3608614545-r13 { fill: #a6742c;font-weight: bold } - .terminal-3608614545-r14 { fill: #727579 } + .terminal-3558972761-r1 { fill: #c5c8c6 } + .terminal-3558972761-r2 { fill: #24292f } + .terminal-3558972761-r3 { fill: #e1e1e1 } + .terminal-3558972761-r4 { fill: #e2e3e3 } + .terminal-3558972761-r5 { fill: #96989b } + .terminal-3558972761-r6 { fill: #008139 } + .terminal-3558972761-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3558972761-r8 { fill: #939393;font-weight: bold } + .terminal-3558972761-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-3558972761-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3558972761-r11 { fill: #fea62b;font-weight: bold } + .terminal-3558972761-r12 { fill: #a7a9ab } + .terminal-3558972761-r13 { fill: #a6742c;font-weight: bold } + .terminal-3558972761-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - ▊ - ▼ Ⅰ Textual Markdown Browser▊ - └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser - ▊ - ▊  Welcome fellow adventurer! If you ran      - ▊markdown.py from the terminal you are      - ▊  viewing demo.md with Textual's built  - ▊  in Markdown widget. - ▊ - ▊  The widget supports much of the  - ▊  Markdown spec. There is also an  - ▊  optional Table of Contents sidebar  - ▊  which you will see to your left. - ▊ - ▊ - ▊Do You Want to Know More? - ▊ - ▊  See example.md for more examples of  - ▊  what this can do. - ▊ - ▊ - ▊ - ▊ -  t TOC  b Back  f Forward  + + + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊  Welcome fellow adventurer! If you ran      + ▊markdown.py from the terminal you are      + ▊  viewing demo.md with Textual's built  + ▊  in Markdown widget. + ▊ + ▊  The widget supports much of the  + ▊  Markdown spec. There is also an  + ▊  optional Table of Contents sidebar  + ▊  which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊  See example.md for more examples of  + ▊  what this can do. + ▊ + ▊ + ▊ + ▊ +  t TOC b Back f Forward @@ -21179,134 +21179,134 @@ font-weight: 700; } - .terminal-1459740668-matrix { + .terminal-1181387857-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1459740668-title { + .terminal-1181387857-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1459740668-r1 { fill: #e1e1e1 } - .terminal-1459740668-r2 { fill: #c5c8c6 } - .terminal-1459740668-r3 { fill: #dde8f3;font-weight: bold } - .terminal-1459740668-r4 { fill: #ddedf9 } + .terminal-1181387857-r1 { fill: #e1e1e1 } + .terminal-1181387857-r2 { fill: #c5c8c6 } + .terminal-1181387857-r3 { fill: #dde8f3;font-weight: bold } + .terminal-1181387857-r4 { fill: #ddedf9 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ClassicFooterStylingApp + ClassicFooterStylingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  CTRL+T Toggle Dark mode CTRL+Q Quit + + + + + + + + + + + + + + + + + + + + + + + + + + +  CTRL+T  Toggle Dark mode  CTRL+Q  Quit                                          @@ -21336,135 +21336,135 @@ font-weight: 700; } - .terminal-1715574137-matrix { + .terminal-3815968327-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1715574137-title { + .terminal-3815968327-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1715574137-r1 { fill: #e1e1e1 } - .terminal-1715574137-r2 { fill: #c5c8c6 } - .terminal-1715574137-r3 { fill: #fea62b;font-weight: bold } - .terminal-1715574137-r4 { fill: #a7a9ab } - .terminal-1715574137-r5 { fill: #e2e3e3 } + .terminal-3815968327-r1 { fill: #e1e1e1 } + .terminal-3815968327-r2 { fill: #c5c8c6 } + .terminal-3815968327-r3 { fill: #fea62b;font-weight: bold } + .terminal-3815968327-r4 { fill: #a7a9ab } + .terminal-3815968327-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CompactFooterApp + CompactFooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - - ^tToggle Dark mode^qQuit + + + + + + + + + + + + + + + + + + + + + + + + + + + ^t Toggle Dark mode^q Quit @@ -21494,135 +21494,135 @@ font-weight: 700; } - .terminal-3923597780-matrix { + .terminal-866115740-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3923597780-title { + .terminal-866115740-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3923597780-r1 { fill: #e1e1e1 } - .terminal-3923597780-r2 { fill: #c5c8c6 } - .terminal-3923597780-r3 { fill: #fea62b;font-weight: bold } - .terminal-3923597780-r4 { fill: #a7a9ab } - .terminal-3923597780-r5 { fill: #e2e3e3 } + .terminal-866115740-r1 { fill: #e1e1e1 } + .terminal-866115740-r2 { fill: #c5c8c6 } + .terminal-866115740-r3 { fill: #fea62b;font-weight: bold } + .terminal-866115740-r4 { fill: #a7a9ab } + .terminal-866115740-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  q Quit the app  ? Show help screen  delete Delete the thing  + + + + + + + + + + + + + + + + + + + + + + + + + + +  q Quit the app ? Show help screen delete Delete the thing @@ -24196,135 +24196,135 @@ font-weight: 700; } - .terminal-1780802408-matrix { + .terminal-1407954339-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1780802408-title { + .terminal-1407954339-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1780802408-r1 { fill: #e1e1e1 } - .terminal-1780802408-r2 { fill: #c5c8c6 } - .terminal-1780802408-r3 { fill: #fea62b;font-weight: bold } - .terminal-1780802408-r4 { fill: #a7a9ab } - .terminal-1780802408-r5 { fill: #e2e3e3 } + .terminal-1407954339-r1 { fill: #e1e1e1 } + .terminal-1407954339-r2 { fill: #c5c8c6 } + .terminal-1407954339-r3 { fill: #fea62b;font-weight: bold } + .terminal-1407954339-r4 { fill: #a7a9ab } + .terminal-1407954339-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  ? Question  ^q Quit app  Escape! Escape  a Letter A  + + + + + + + + + + + + + + + + + + + + + + + + + + +  ? Question ^q Quit app Escape! Escape a Letter A @@ -24671,137 +24671,137 @@ font-weight: 700; } - .terminal-3315312229-matrix { + .terminal-4006913637-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3315312229-title { + .terminal-4006913637-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3315312229-r1 { fill: #c5c8c6 } - .terminal-3315312229-r2 { fill: #e3e3e3 } - .terminal-3315312229-r3 { fill: #e1e1e1 } - .terminal-3315312229-r4 { fill: #ff0000 } - .terminal-3315312229-r5 { fill: #fea62b;font-weight: bold } - .terminal-3315312229-r6 { fill: #a7a9ab } - .terminal-3315312229-r7 { fill: #e2e3e3 } + .terminal-4006913637-r1 { fill: #c5c8c6 } + .terminal-4006913637-r2 { fill: #e3e3e3 } + .terminal-4006913637-r3 { fill: #e1e1e1 } + .terminal-4006913637-r4 { fill: #ff0000 } + .terminal-4006913637-r5 { fill: #fea62b;font-weight: bold } + .terminal-4006913637-r6 { fill: #a7a9ab } + .terminal-4006913637-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - - - - ⭘DialogIssueApp - - - - - - ╭──────────────────────────────────────╮ - ││ - ││ - ││ - ││ - │This should not cause a scrollbar to a│ - ││ - ││ - ││ - ││ - ││ - ╰──────────────────────────────────────╯ - - - - - -  d Toggle the dialog  + + + + ⭘DialogIssueApp + + + + + + ╭──────────────────────────────────────╮ + ││ + ││ + ││ + ││ + │This should not cause a scrollbar to a│ + ││ + ││ + ││ + ││ + ││ + ╰──────────────────────────────────────╯ + + + + + +  d Toggle the dialog @@ -27880,136 +27880,136 @@ font-weight: 700; } - .terminal-878467025-matrix { + .terminal-1570068433-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-878467025-title { + .terminal-1570068433-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-878467025-r1 { fill: #c5c8c6 } - .terminal-878467025-r2 { fill: #e3e3e3 } - .terminal-878467025-r3 { fill: #e1e1e1 } - .terminal-878467025-r4 { fill: #fea62b;font-weight: bold } - .terminal-878467025-r5 { fill: #a7a9ab } - .terminal-878467025-r6 { fill: #e2e3e3 } + .terminal-1570068433-r1 { fill: #c5c8c6 } + .terminal-1570068433-r2 { fill: #e3e3e3 } + .terminal-1570068433-r3 { fill: #e1e1e1 } + .terminal-1570068433-r4 { fill: #fea62b;font-weight: bold } + .terminal-1570068433-r5 { fill: #a7a9ab } + .terminal-1570068433-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - Hello                                                                            - - - - - - - - - - - - - - - - - - - - - -  ⏎ Open Dialog  + + + + ⭘ModalApp + Hello                                                                            + + + + + + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -28039,141 +28039,141 @@ font-weight: 700; } - .terminal-2859158718-matrix { + .terminal-3548073150-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2859158718-title { + .terminal-3548073150-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2859158718-r1 { fill: #e0e0e0 } - .terminal-2859158718-r2 { fill: #656565 } - .terminal-2859158718-r3 { fill: #c5c8c6 } - .terminal-2859158718-r4 { fill: #121212 } - .terminal-2859158718-r5 { fill: #e1e1e1 } - .terminal-2859158718-r6 { fill: #454a50 } - .terminal-2859158718-r7 { fill: #646464 } - .terminal-2859158718-r8 { fill: #24292f;font-weight: bold } - .terminal-2859158718-r9 { fill: #000000 } - .terminal-2859158718-r10 { fill: #704d1c;font-weight: bold } - .terminal-2859158718-r11 { fill: #4d4e4f } + .terminal-3548073150-r1 { fill: #e0e0e0 } + .terminal-3548073150-r2 { fill: #656565 } + .terminal-3548073150-r3 { fill: #c5c8c6 } + .terminal-3548073150-r4 { fill: #121212 } + .terminal-3548073150-r5 { fill: #e1e1e1 } + .terminal-3548073150-r6 { fill: #454a50 } + .terminal-3548073150-r7 { fill: #646464 } + .terminal-3548073150-r8 { fill: #24292f;font-weight: bold } + .terminal-3548073150-r9 { fill: #000000 } + .terminal-3548073150-r10 { fill: #704d1c;font-weight: bold } + .terminal-3548073150-r11 { fill: #4d4e4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▊hi!                                                                       ▎ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  OK  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - -  ⏎ Open Dialog  + + + + DialogModalApp + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▊hi!                                                                       ▎ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  OK  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + +  ⏎ Open Dialog @@ -28360,135 +28360,135 @@ font-weight: 700; } - .terminal-3226482548-matrix { + .terminal-3918083956-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3226482548-title { + .terminal-3918083956-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3226482548-r1 { fill: #e1e1e1 } - .terminal-3226482548-r2 { fill: #c5c8c6 } - .terminal-3226482548-r3 { fill: #fea62b;font-weight: bold } - .terminal-3226482548-r4 { fill: #a7a9ab } - .terminal-3226482548-r5 { fill: #e2e3e3 } + .terminal-3918083956-r1 { fill: #e1e1e1 } + .terminal-3918083956-r2 { fill: #c5c8c6 } + .terminal-3918083956-r3 { fill: #fea62b;font-weight: bold } + .terminal-3918083956-r4 { fill: #a7a9ab } + .terminal-3918083956-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MApp + MApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  o Options  + + + + + + + + + + + + + + + + + + + + + + + + + + +  o Options @@ -31704,137 +31704,137 @@ font-weight: 700; } - .terminal-749580480-matrix { + .terminal-1441181888-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-749580480-title { + .terminal-1441181888-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-749580480-r1 { fill: #ffff00 } - .terminal-749580480-r2 { fill: #e3e3e3 } - .terminal-749580480-r3 { fill: #c5c8c6 } - .terminal-749580480-r4 { fill: #e1e1e1 } - .terminal-749580480-r5 { fill: #fea62b;font-weight: bold } - .terminal-749580480-r6 { fill: #a7a9ab } - .terminal-749580480-r7 { fill: #e2e3e3 } + .terminal-1441181888-r1 { fill: #ffff00 } + .terminal-1441181888-r2 { fill: #e3e3e3 } + .terminal-1441181888-r3 { fill: #c5c8c6 } + .terminal-1441181888-r4 { fill: #e1e1e1 } + .terminal-1441181888-r5 { fill: #fea62b;font-weight: bold } + .terminal-1441181888-r6 { fill: #a7a9ab } + .terminal-1441181888-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen  + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -31864,137 +31864,137 @@ font-weight: 700; } - .terminal-888187976-matrix { + .terminal-1579789384-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-888187976-title { + .terminal-1579789384-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-888187976-r1 { fill: #ffff00 } - .terminal-888187976-r2 { fill: #e3e3e3 } - .terminal-888187976-r3 { fill: #c5c8c6 } - .terminal-888187976-r4 { fill: #ddeedd } - .terminal-888187976-r5 { fill: #fea62b;font-weight: bold } - .terminal-888187976-r6 { fill: #a7a9ab } - .terminal-888187976-r7 { fill: #e2e3e3 } + .terminal-1579789384-r1 { fill: #ffff00 } + .terminal-1579789384-r2 { fill: #e3e3e3 } + .terminal-1579789384-r3 { fill: #c5c8c6 } + .terminal-1579789384-r4 { fill: #ddeedd } + .terminal-1579789384-r5 { fill: #fea62b;font-weight: bold } + .terminal-1579789384-r6 { fill: #a7a9ab } + .terminal-1579789384-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen  + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen @@ -32847,136 +32847,136 @@ font-weight: 700; } - .terminal-3159068456-matrix { + .terminal-3850669864-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3159068456-title { + .terminal-3850669864-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3159068456-r1 { fill: #e1e1e1 } - .terminal-3159068456-r2 { fill: #c5c8c6 } - .terminal-3159068456-r3 { fill: #4ebf71 } - .terminal-3159068456-r4 { fill: #fea62b;font-weight: bold } - .terminal-3159068456-r5 { fill: #a7a9ab } - .terminal-3159068456-r6 { fill: #e2e3e3 } + .terminal-3850669864-r1 { fill: #e1e1e1 } + .terminal-3850669864-r2 { fill: #c5c8c6 } + .terminal-3850669864-r3 { fill: #4ebf71 } + .terminal-3850669864-r4 { fill: #fea62b;font-weight: bold } + .terminal-3850669864-r5 { fill: #a7a9ab } + .terminal-3850669864-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  + + + + + + + + + + + +  s Start @@ -33006,138 +33006,138 @@ font-weight: 700; } - .terminal-3030506209-matrix { + .terminal-3722107617-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3030506209-title { + .terminal-3722107617-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3030506209-r1 { fill: #e1e1e1 } - .terminal-3030506209-r2 { fill: #c5c8c6 } - .terminal-3030506209-r3 { fill: #b93c5b } - .terminal-3030506209-r4 { fill: #1e1e1e } - .terminal-3030506209-r5 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3030506209-r6 { fill: #fea62b;font-weight: bold } - .terminal-3030506209-r7 { fill: #a7a9ab } - .terminal-3030506209-r8 { fill: #e2e3e3 } + .terminal-3722107617-r1 { fill: #e1e1e1 } + .terminal-3722107617-r2 { fill: #c5c8c6 } + .terminal-3722107617-r3 { fill: #b93c5b } + .terminal-3722107617-r4 { fill: #1e1e1e } + .terminal-3722107617-r5 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3722107617-r6 { fill: #fea62b;font-weight: bold } + .terminal-3722107617-r7 { fill: #a7a9ab } + .terminal-3722107617-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start @@ -33167,137 +33167,137 @@ font-weight: 700; } - .terminal-3658011159-matrix { + .terminal-55628311-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3658011159-title { + .terminal-55628311-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3658011159-r1 { fill: #e1e1e1 } - .terminal-3658011159-r2 { fill: #c5c8c6 } - .terminal-3658011159-r3 { fill: #fea62b } - .terminal-3658011159-r4 { fill: #323232 } - .terminal-3658011159-r5 { fill: #fea62b;font-weight: bold } - .terminal-3658011159-r6 { fill: #a7a9ab } - .terminal-3658011159-r7 { fill: #e2e3e3 } + .terminal-55628311-r1 { fill: #e1e1e1 } + .terminal-55628311-r2 { fill: #c5c8c6 } + .terminal-55628311-r3 { fill: #fea62b } + .terminal-55628311-r4 { fill: #323232 } + .terminal-55628311-r5 { fill: #fea62b;font-weight: bold } + .terminal-55628311-r6 { fill: #a7a9ab } + .terminal-55628311-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  + + + + + + + + + + + +  s Start @@ -33327,139 +33327,139 @@ font-weight: 700; } - .terminal-2213813497-matrix { + .terminal-2905414905-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2213813497-title { + .terminal-2905414905-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2213813497-r1 { fill: #e1e1e1 } - .terminal-2213813497-r2 { fill: #c5c8c6 } - .terminal-2213813497-r3 { fill: #004578 } - .terminal-2213813497-r4 { fill: #152939 } - .terminal-2213813497-r5 { fill: #1e1e1e } - .terminal-2213813497-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-2213813497-r7 { fill: #fea62b;font-weight: bold } - .terminal-2213813497-r8 { fill: #a7a9ab } - .terminal-2213813497-r9 { fill: #e2e3e3 } + .terminal-2905414905-r1 { fill: #e1e1e1 } + .terminal-2905414905-r2 { fill: #c5c8c6 } + .terminal-2905414905-r3 { fill: #004578 } + .terminal-2905414905-r4 { fill: #152939 } + .terminal-2905414905-r5 { fill: #1e1e1e } + .terminal-2905414905-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-2905414905-r7 { fill: #fea62b;font-weight: bold } + .terminal-2905414905-r8 { fill: #a7a9ab } + .terminal-2905414905-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start @@ -33489,137 +33489,137 @@ font-weight: 700; } - .terminal-2628588616-matrix { + .terminal-3320190024-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2628588616-title { + .terminal-3320190024-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2628588616-r1 { fill: #e1e1e1 } - .terminal-2628588616-r2 { fill: #c5c8c6 } - .terminal-2628588616-r3 { fill: #323232 } - .terminal-2628588616-r4 { fill: #b93c5b } - .terminal-2628588616-r5 { fill: #fea62b;font-weight: bold } - .terminal-2628588616-r6 { fill: #a7a9ab } - .terminal-2628588616-r7 { fill: #e2e3e3 } + .terminal-3320190024-r1 { fill: #e1e1e1 } + .terminal-3320190024-r2 { fill: #c5c8c6 } + .terminal-3320190024-r3 { fill: #323232 } + .terminal-3320190024-r4 { fill: #b93c5b } + .terminal-3320190024-r5 { fill: #fea62b;font-weight: bold } + .terminal-3320190024-r6 { fill: #a7a9ab } + .terminal-3320190024-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  + + + + + + + + + + + +  s Start @@ -33649,139 +33649,139 @@ font-weight: 700; } - .terminal-1415143893-matrix { + .terminal-2106745301-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1415143893-title { + .terminal-2106745301-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1415143893-r1 { fill: #e1e1e1 } - .terminal-1415143893-r2 { fill: #c5c8c6 } - .terminal-1415143893-r3 { fill: #fea62b } - .terminal-1415143893-r4 { fill: #004578 } - .terminal-1415143893-r5 { fill: #1e1e1e } - .terminal-1415143893-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-1415143893-r7 { fill: #fea62b;font-weight: bold } - .terminal-1415143893-r8 { fill: #a7a9ab } - .terminal-1415143893-r9 { fill: #e2e3e3 } + .terminal-2106745301-r1 { fill: #e1e1e1 } + .terminal-2106745301-r2 { fill: #c5c8c6 } + .terminal-2106745301-r3 { fill: #fea62b } + .terminal-2106745301-r4 { fill: #004578 } + .terminal-2106745301-r5 { fill: #1e1e1e } + .terminal-2106745301-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-2106745301-r7 { fill: #fea62b;font-weight: bold } + .terminal-2106745301-r8 { fill: #a7a9ab } + .terminal-2106745301-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start  + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start @@ -34456,138 +34456,138 @@ font-weight: 700; } - .terminal-2357839144-matrix { + .terminal-590612635-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2357839144-title { + .terminal-590612635-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2357839144-r1 { fill: #c5c8c6 } - .terminal-2357839144-r2 { fill: #e3e3e3 } - .terminal-2357839144-r3 { fill: #008000 } - .terminal-2357839144-r4 { fill: #ffff00 } - .terminal-2357839144-r5 { fill: #e1e1e1 } - .terminal-2357839144-r6 { fill: #fea62b;font-weight: bold } - .terminal-2357839144-r7 { fill: #a7a9ab } - .terminal-2357839144-r8 { fill: #e2e3e3 } + .terminal-590612635-r1 { fill: #c5c8c6 } + .terminal-590612635-r2 { fill: #e3e3e3 } + .terminal-590612635-r3 { fill: #008000 } + .terminal-590612635-r4 { fill: #ffff00 } + .terminal-590612635-r5 { fill: #e1e1e1 } + .terminal-590612635-r6 { fill: #fea62b;font-weight: bold } + .terminal-590612635-r7 { fill: #a7a9ab } + .terminal-590612635-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - - - - ⭘VerticalRemoveApp - ╭──────────────────────────────────────────────────────────────────────────────╮ - │╭────────────────────╮│ - ││This is a test label││ - │╰────────────────────╯│ - ╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - -  a Add  d Delete  + + + + ⭘VerticalRemoveApp + ╭──────────────────────────────────────────────────────────────────────────────╮ + │╭────────────────────╮│ + ││This is a test label││ + │╰────────────────────╯│ + ╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + +  a Add d Delete @@ -35707,136 +35707,136 @@ font-weight: 700; } - .terminal-300775983-matrix { + .terminal-992377391-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-300775983-title { + .terminal-992377391-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-300775983-r1 { fill: #c5c8c6 } - .terminal-300775983-r2 { fill: #e3e3e3 } - .terminal-300775983-r3 { fill: #e1e1e1 } - .terminal-300775983-r4 { fill: #fea62b;font-weight: bold } - .terminal-300775983-r5 { fill: #a7a9ab } - .terminal-300775983-r6 { fill: #e2e3e3 } + .terminal-992377391-r1 { fill: #c5c8c6 } + .terminal-992377391-r2 { fill: #e3e3e3 } + .terminal-992377391-r3 { fill: #e1e1e1 } + .terminal-992377391-r4 { fill: #fea62b;font-weight: bold } + .terminal-992377391-r5 { fill: #a7a9ab } + .terminal-992377391-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - B - - - - - - - - - - - - - - - - - - - - - -  a Push screen A  + + + + ⭘ModalApp + B + + + + + + + + + + + + + + + + + + + + + +  a Push screen A @@ -39714,141 +39714,141 @@ font-weight: 700; } - .terminal-1980553710-matrix { + .terminal-3870187717-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1980553710-title { + .terminal-3870187717-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1980553710-r1 { fill: #c5c8c6 } - .terminal-1980553710-r2 { fill: #e1e1e1 } - .terminal-1980553710-r3 { fill: #737373 } - .terminal-1980553710-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-1980553710-r5 { fill: #474747 } - .terminal-1980553710-r6 { fill: #0178d4 } - .terminal-1980553710-r7 { fill: #4ebf71;font-weight: bold } - .terminal-1980553710-r8 { fill: #323232 } - .terminal-1980553710-r9 { fill: #fea62b;font-weight: bold } - .terminal-1980553710-r10 { fill: #a7a9ab } - .terminal-1980553710-r11 { fill: #e2e3e3 } + .terminal-3870187717-r1 { fill: #c5c8c6 } + .terminal-3870187717-r2 { fill: #e1e1e1 } + .terminal-3870187717-r3 { fill: #737373 } + .terminal-3870187717-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-3870187717-r5 { fill: #474747 } + .terminal-3870187717-r6 { fill: #0178d4 } + .terminal-3870187717-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3870187717-r8 { fill: #323232 } + .terminal-3870187717-r9 { fill: #fea62b;font-weight: bold } + .terminal-3870187717-r10 { fill: #a7a9ab } + .terminal-3870187717-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child                                                              - - - - - - - -  l Leto  j Jessica  p Paul  + + + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child                                                              + + + + + + + +  l Leto j Jessica p Paul @@ -47463,153 +47463,153 @@ font-weight: 700; } - .terminal-37821291-matrix { + .terminal-729422699-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-37821291-title { + .terminal-729422699-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-37821291-r1 { fill: #c5c8c6 } - .terminal-37821291-r2 { fill: #e1e1e1 } - .terminal-37821291-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-37821291-r4 { fill: #737373 } - .terminal-37821291-r5 { fill: #474747 } - .terminal-37821291-r6 { fill: #0178d4 } - .terminal-37821291-r7 { fill: #454a50 } - .terminal-37821291-r8 { fill: #e0e0e0 } - .terminal-37821291-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-37821291-r10 { fill: #000000 } - .terminal-37821291-r11 { fill: #1e1e1e } - .terminal-37821291-r12 { fill: #dde0e6 } - .terminal-37821291-r13 { fill: #99a1b3 } - .terminal-37821291-r14 { fill: #dde2e8 } - .terminal-37821291-r15 { fill: #99a7b9 } - .terminal-37821291-r16 { fill: #dde4ea } - .terminal-37821291-r17 { fill: #99adc1 } - .terminal-37821291-r18 { fill: #dde6ed } - .terminal-37821291-r19 { fill: #99b4c9 } - .terminal-37821291-r20 { fill: #23568b } - .terminal-37821291-r21 { fill: #fea62b;font-weight: bold } - .terminal-37821291-r22 { fill: #a7a9ab } - .terminal-37821291-r23 { fill: #e2e3e3 } + .terminal-729422699-r1 { fill: #c5c8c6 } + .terminal-729422699-r2 { fill: #e1e1e1 } + .terminal-729422699-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-729422699-r4 { fill: #737373 } + .terminal-729422699-r5 { fill: #474747 } + .terminal-729422699-r6 { fill: #0178d4 } + .terminal-729422699-r7 { fill: #454a50 } + .terminal-729422699-r8 { fill: #e0e0e0 } + .terminal-729422699-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-729422699-r10 { fill: #000000 } + .terminal-729422699-r11 { fill: #1e1e1e } + .terminal-729422699-r12 { fill: #dde0e6 } + .terminal-729422699-r13 { fill: #99a1b3 } + .terminal-729422699-r14 { fill: #dde2e8 } + .terminal-729422699-r15 { fill: #99a7b9 } + .terminal-729422699-r16 { fill: #dde4ea } + .terminal-729422699-r17 { fill: #99adc1 } + .terminal-729422699-r18 { fill: #dde6ed } + .terminal-729422699-r19 { fill: #99b4c9 } + .terminal-729422699-r20 { fill: #23568b } + .terminal-729422699-r21 { fill: #fea62b;font-weight: bold } + .terminal-729422699-r22 { fill: #a7a9ab } + .terminal-729422699-r23 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - - Theme ColorsNamed Colors - ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  primary  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary ▎"primary" - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  background ▎$primary-darken-3$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  primary-background ▎$primary-darken-2$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary-background ▎$primary-darken-1$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  surface ▎$primary$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - -  d Toggle dark mode  + + + + + Theme ColorsNamed Colors + ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  primary  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  secondary ▎"primary" + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  background ▎$primary-darken-3$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  primary-background ▎$primary-darken-2$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  secondary-background ▎$primary-darken-1$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  surface ▎$primary$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + +  d Toggle dark mode @@ -47639,149 +47639,149 @@ font-weight: 700; } - .terminal-3862960447-matrix { + .terminal-298081443-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3862960447-title { + .terminal-298081443-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3862960447-r1 { fill: #454a50 } - .terminal-3862960447-r2 { fill: #e1e1e1 } - .terminal-3862960447-r3 { fill: #c5c8c6 } - .terminal-3862960447-r4 { fill: #24292f;font-weight: bold } - .terminal-3862960447-r5 { fill: #262626 } - .terminal-3862960447-r6 { fill: #e2e2e2 } - .terminal-3862960447-r7 { fill: #000000 } - .terminal-3862960447-r8 { fill: #e3e3e3 } - .terminal-3862960447-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-3862960447-r10 { fill: #14191f } - .terminal-3862960447-r11 { fill: #b93c5b } - .terminal-3862960447-r12 { fill: #121212 } - .terminal-3862960447-r13 { fill: #1e1e1e } - .terminal-3862960447-r14 { fill: #fea62b } - .terminal-3862960447-r15 { fill: #211505;font-weight: bold } - .terminal-3862960447-r16 { fill: #211505 } - .terminal-3862960447-r17 { fill: #fea62b;font-weight: bold } - .terminal-3862960447-r18 { fill: #a7a9ab } - .terminal-3862960447-r19 { fill: #e2e3e3 } + .terminal-298081443-r1 { fill: #454a50 } + .terminal-298081443-r2 { fill: #e1e1e1 } + .terminal-298081443-r3 { fill: #c5c8c6 } + .terminal-298081443-r4 { fill: #24292f;font-weight: bold } + .terminal-298081443-r5 { fill: #262626 } + .terminal-298081443-r6 { fill: #e2e2e2 } + .terminal-298081443-r7 { fill: #000000 } + .terminal-298081443-r8 { fill: #e3e3e3 } + .terminal-298081443-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-298081443-r10 { fill: #14191f } + .terminal-298081443-r11 { fill: #b93c5b } + .terminal-298081443-r12 { fill: #121212 } + .terminal-298081443-r13 { fill: #1e1e1e } + .terminal-298081443-r14 { fill: #fea62b } + .terminal-298081443-r15 { fill: #211505;font-weight: bold } + .terminal-298081443-r16 { fill: #211505 } + .terminal-298081443-r17 { fill: #fea62b;font-weight: bold } + .terminal-298081443-r18 { fill: #a7a9ab } + .terminal-298081443-r19 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  round ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0                       ▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -  out_sine  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -  out_quint ▏▎▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ -  out_quart ▏▎I must not fear.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ -  out_quad ▏▎Fear is the ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ -  out_expo ▏▎obliteration.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ -  out_elastic ▏▎pass over me and ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ -  out_cubic ▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input  ^b Toggle Dark  + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  round ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0                       ▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +  out_sine  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +  out_quint ▏▎▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ +  out_quart ▏▎I must not fear.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ +  out_quad ▏▎Fear is the ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ +  out_expo ▏▎obliteration.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ +  out_elastic ▏▎pass over me and ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ +  out_cubic ▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark From d1064bb5f9a744750de2bba3dd3b462c34af6581 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 13:34:45 +0100 Subject: [PATCH 12/20] update the changelog --- CHANGELOG.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b96ed1ab33..ab09fecb25 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,6 +16,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - "Discover" hits in the command palette are no longer sorted alphabetically https://github.com/Textualize/textual/pull/4720 +### Added + +- Added `Footer` component style handling of margins/padding for the key https://github.com/Textualize/textual/pull/4651 + ## [0.72.0] - 2024-07-09 ### Changed @@ -42,10 +46,6 @@ and this project adheres to [Semantic Versioning](http://semver.org/). - Fixed link inside markdown table not posting a `Markdown.LinkClicked` message https://github.com/Textualize/textual/issues/4683 - Fixed issue with mouse movements on non-active screen https://github.com/Textualize/textual/pull/4688 -### Added - -- Added `Footer` component style handling of margins/padding for the key https://github.com/Textualize/textual/pull/4651 - ## [0.70.0] - 2024-06-19 ### Fixed From a5363aa5f1081be1ef27dcb5358120fcfbc45076 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 19:37:42 +0100 Subject: [PATCH 13/20] fix sizing issue by setting reactive layout --- src/textual/widgets/_footer.py | 2 +- .../__snapshots__/test_snapshots.ambr | 276 ++++++++++++++---- .../snapshot_apps/footer_compact.py | 21 -- .../snapshot_apps/footer_toggle_compact.py | 34 +++ tests/snapshot_tests/test_snapshots.py | 9 +- 5 files changed, 260 insertions(+), 82 deletions(-) delete mode 100644 tests/snapshot_tests/snapshot_apps/footer_compact.py create mode 100644 tests/snapshot_tests/snapshot_apps/footer_toggle_compact.py diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index d2c1299616..bedfd5c494 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -69,7 +69,7 @@ class FooterKey(Widget): upper_case_keys = reactive(False) ctrl_to_caret = reactive(True) - compact = reactive(True) + compact = reactive(True, layout=True) def __init__( self, diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index b41ae6b98a..683d1116ad 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -21336,135 +21336,135 @@ font-weight: 700; } - .terminal-3815968327-matrix { + .terminal-887428526-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3815968327-title { + .terminal-887428526-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3815968327-r1 { fill: #e1e1e1 } - .terminal-3815968327-r2 { fill: #c5c8c6 } - .terminal-3815968327-r3 { fill: #fea62b;font-weight: bold } - .terminal-3815968327-r4 { fill: #a7a9ab } - .terminal-3815968327-r5 { fill: #e2e3e3 } + .terminal-887428526-r1 { fill: #e1e1e1 } + .terminal-887428526-r2 { fill: #c5c8c6 } + .terminal-887428526-r3 { fill: #fea62b;font-weight: bold } + .terminal-887428526-r4 { fill: #a7a9ab } + .terminal-887428526-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - - ^t Toggle Dark mode^q Quit + + + + + + + + + + + + + + +                                  Compact Footer                                  + + + + + + + + + + + + ^t Toggle Compact Footer^q Quit @@ -21629,6 +21629,164 @@ ''' # --- +# name: test_footer_standard_after_reactive_change + ''' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ToggleCompactFooterApp + + + + + + + + + + + + + + + + + + + + +                                 Standard Footer                                  + + + + + + + + + + + +  ^t Toggle Compact Footer ^q Quit + + + + + ''' +# --- # name: test_fr_margins ''' diff --git a/tests/snapshot_tests/snapshot_apps/footer_compact.py b/tests/snapshot_tests/snapshot_apps/footer_compact.py deleted file mode 100644 index 8e12d38179..0000000000 --- a/tests/snapshot_tests/snapshot_apps/footer_compact.py +++ /dev/null @@ -1,21 +0,0 @@ -from textual.app import App, ComposeResult -from textual.widgets import Footer - - -class CompactFooterApp(App): - BINDINGS = [ - ("ctrl+t", "app.toggle_dark", "Toggle Dark mode"), - ("ctrl+q", "quit", "Quit"), - ] - - def compose(self) -> ComposeResult: - yield Footer() - - def on_mount(self) -> None: - footer = self.query_one(Footer) - footer.compact = True - - -if __name__ == "__main__": - app = CompactFooterApp() - app.run() diff --git a/tests/snapshot_tests/snapshot_apps/footer_toggle_compact.py b/tests/snapshot_tests/snapshot_apps/footer_toggle_compact.py new file mode 100644 index 0000000000..de8a01d9f3 --- /dev/null +++ b/tests/snapshot_tests/snapshot_apps/footer_toggle_compact.py @@ -0,0 +1,34 @@ +from textual.app import App, ComposeResult +from textual.widgets import Footer, Label + + +class ToggleCompactFooterApp(App): + CSS = """ + Screen { + align: center middle; + } + """ + + BINDINGS = [ + ("ctrl+t", "toggle_compact_footer", "Toggle Compact Footer"), + ("ctrl+q", "quit", "Quit"), + ] + + def compose(self) -> ComposeResult: + yield Label("Compact Footer") + yield Footer() + + def on_mount(self) -> None: + footer = self.query_one(Footer) + footer.compact = True + + def action_toggle_compact_footer(self) -> None: + footer = self.query_one(Footer) + footer.compact = not footer.compact + footer_type = "Compact" if footer.compact else "Standard" + self.query_one(Label).update(f"{footer_type} Footer") + + +if __name__ == "__main__": + app = ToggleCompactFooterApp() + app.run() diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index fbb034be02..58a8ab6dcd 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -1298,7 +1298,14 @@ def test_grid_auto(snap_compare): def test_footer_compact(snap_compare): """Test Footer in the compact style""" - assert snap_compare(SNAPSHOT_APPS_DIR / "footer_compact.py") + assert snap_compare(SNAPSHOT_APPS_DIR / "footer_toggle_compact.py") + + +def test_footer_standard_after_reactive_change(snap_compare): + """Test Footer in the standard style after `compact` reactive change""" + assert snap_compare( + SNAPSHOT_APPS_DIR / "footer_toggle_compact.py", press=["ctrl+t"] + ) def test_footer_classic_styling(snap_compare): From d4d684a683e2abac7c8fda1da46d681a54186335 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 20:17:36 +0100 Subject: [PATCH 14/20] revert grid-gutter change --- src/textual/widgets/_footer.py | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index bedfd5c494..588132cc90 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -124,12 +124,14 @@ class Footer(ScrollableContainer, can_focus=False, can_focus_children=False): Footer { layout: grid; grid-columns: auto; - grid-gutter: 1; background: $panel; color: $text; dock: bottom; height: 1; scrollbar-size: 0 0; + &.-compact { + grid-gutter: 1; + } } """ From dcaa33de56d936f706ef7a99ad3b4c651b10fdf2 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 21:12:23 +0100 Subject: [PATCH 15/20] change key margin to description padding --- src/textual/widgets/_footer.py | 29 ++++++++++++++----- .../snapshot_apps/footer_classic_styling.py | 5 +++- 2 files changed, 25 insertions(+), 9 deletions(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 588132cc90..74214d72c4 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -33,10 +33,13 @@ class FooterKey(Widget): color: $secondary; background: $panel; text-style: bold; - margin-right: 0; padding: 0 1; } + .footer-key--description { + padding: 0 1 0 0; + } + &:light .footer-key--key { color: $primary; } @@ -59,11 +62,14 @@ class FooterKey(Widget): } } - &.-compact .footer-key--key { - margin-right: 1; - padding: 0; + &.-compact { + .footer-key--key { + padding: 0; + } + .footer-key--description { + padding: 0 0 0 1; + } } - } """ @@ -90,8 +96,11 @@ def render(self) -> Text: key_style = self.get_component_rich_style("footer-key--key") description_style = self.get_component_rich_style("footer-key--description") key_display = self.key_display - key_margin = self.get_component_styles("footer-key--key").margin + # key_margin = self.get_component_styles("footer-key--key").margin key_padding = self.get_component_styles("footer-key--key").padding + description_padding = self.get_component_styles( + "footer-key--description" + ).padding if self.upper_case_keys: key_display = key_display.upper() if self.ctrl_to_caret and key_display.lower().startswith("ctrl+"): @@ -102,8 +111,12 @@ def render(self) -> Text: " " * key_padding.left + key_display + " " * key_padding.right, key_style, ), - " " * key_margin.right, - (description, description_style), + ( + " " * description_padding.left + + description + + " " * description_padding.right, + description_style, + ), ) label_text.stylize_before(self.rich_style) return label_text diff --git a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py index 9d8b303c38..7f43027d49 100644 --- a/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py +++ b/tests/snapshot_tests/snapshot_apps/footer_classic_styling.py @@ -22,7 +22,10 @@ class ClassicFooterStylingApp(App): .footer-key--key { background: $accent-darken-2; color: $text; - margin-right: 1; + } + + .footer-key--description { + padding: 0 1; } } } From 8fdd51b443d3e1be30d8de8b5cf3eef2be73c968 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 21:42:24 +0100 Subject: [PATCH 16/20] add footer hover snapshot tests --- tests/snapshot_tests/test_snapshots.py | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py index 58a8ab6dcd..6fa00d1fc0 100644 --- a/tests/snapshot_tests/test_snapshots.py +++ b/tests/snapshot_tests/test_snapshots.py @@ -1301,6 +1301,17 @@ def test_footer_compact(snap_compare): assert snap_compare(SNAPSHOT_APPS_DIR / "footer_toggle_compact.py") +def test_footer_compact_with_hover(snap_compare): + """Test Footer in the compact style when the mouse is hovering over a keybinding""" + + async def run_before(pilot) -> None: + await pilot.hover("Footer", offset=(0, 0)) + + assert snap_compare( + SNAPSHOT_APPS_DIR / "footer_toggle_compact.py", run_before=run_before + ) + + def test_footer_standard_after_reactive_change(snap_compare): """Test Footer in the standard style after `compact` reactive change""" assert snap_compare( @@ -1308,6 +1319,18 @@ def test_footer_standard_after_reactive_change(snap_compare): ) +def test_footer_standard_with_hover(snap_compare): + """Test Footer in the standard style when the mouse is hovering over a keybinding""" + + async def run_before(pilot) -> None: + await pilot.press("ctrl+t") + await pilot.hover("Footer", offset=(0, 0)) + + assert snap_compare( + SNAPSHOT_APPS_DIR / "footer_toggle_compact.py", run_before=run_before + ) + + def test_footer_classic_styling(snap_compare): """Regression test for https://github.com/Textualize/textual/issues/4557""" assert snap_compare(SNAPSHOT_APPS_DIR / "footer_classic_styling.py") From 79d2de8f7b724a70b00bffe4f37e77414c5ca7e9 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 21:55:03 +0100 Subject: [PATCH 17/20] update snapshots --- .../__snapshots__/test_snapshots.ambr | 4506 +++++++++-------- 1 file changed, 2412 insertions(+), 2094 deletions(-) diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr index 683d1116ad..120b9b3df5 100644 --- a/tests/snapshot_tests/__snapshots__/test_snapshots.ambr +++ b/tests/snapshot_tests/__snapshots__/test_snapshots.ambr @@ -1005,137 +1005,137 @@ font-weight: 700; } - .terminal-792109729-matrix { + .terminal-3513309286-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-792109729-title { + .terminal-3513309286-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-792109729-r1 { fill: #c5c8c6 } - .terminal-792109729-r2 { fill: #e3e3e3 } - .terminal-792109729-r3 { fill: #e1e1e1 } - .terminal-792109729-r4 { fill: #ff0000 } - .terminal-792109729-r5 { fill: #fea62b;font-weight: bold } - .terminal-792109729-r6 { fill: #a7a9ab } - .terminal-792109729-r7 { fill: #e2e3e3 } + .terminal-3513309286-r1 { fill: #c5c8c6 } + .terminal-3513309286-r2 { fill: #e3e3e3 } + .terminal-3513309286-r3 { fill: #e1e1e1 } + .terminal-3513309286-r4 { fill: #ff0000 } + .terminal-3513309286-r5 { fill: #fea62b;font-weight: bold } + .terminal-3513309286-r6 { fill: #a7a9ab } + .terminal-3513309286-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - GridHeightAuto + GridHeightAuto - - - - ⭘GridHeightAuto - Here is some text before the grid                                                - ┌──────────────────────────────────────────────────────────────────────────────┐ - │Cell #0                   Cell #1                   Cell #2                   │ - │Cell #3                   Cell #4                   Cell #5                   │ - │Cell #6                   Cell #7                   Cell #8                   │ - └──────────────────────────────────────────────────────────────────────────────┘ - Here is some text after the grid                                                 - - - - - - - - - - - - - - - -  g Grid v Vertical h Horizontal c Container + + + + ⭘GridHeightAuto + Here is some text before the grid                                                + ┌──────────────────────────────────────────────────────────────────────────────┐ + │Cell #0                   Cell #1                   Cell #2                   │ + │Cell #3                   Cell #4                   Cell #5                   │ + │Cell #6                   Cell #7                   Cell #8                   │ + └──────────────────────────────────────────────────────────────────────────────┘ + Here is some text after the grid                                                 + + + + + + + + + + + + + + + +  g Grid  v Vertical  h Horizontal  c Container  @@ -1165,143 +1165,143 @@ font-weight: 700; } - .terminal-441710022-matrix { + .terminal-4044092870-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-441710022-title { + .terminal-4044092870-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-441710022-r1 { fill: #c5c8c6 } - .terminal-441710022-r2 { fill: #e1e1e1 } - .terminal-441710022-r3 { fill: #f4005f } - .terminal-441710022-r4 { fill: #98e024;font-weight: bold } - .terminal-441710022-r5 { fill: #323232 } - .terminal-441710022-r6 { fill: #0178d4 } - .terminal-441710022-r7 { fill: #98e024 } - .terminal-441710022-r8 { fill: #7ae998 } - .terminal-441710022-r9 { fill: #4ebf71;font-weight: bold } - .terminal-441710022-r10 { fill: #008139 } - .terminal-441710022-r11 { fill: #fea62b;font-weight: bold } - .terminal-441710022-r12 { fill: #a7a9ab } - .terminal-441710022-r13 { fill: #e2e3e3 } + .terminal-4044092870-r1 { fill: #c5c8c6 } + .terminal-4044092870-r2 { fill: #e1e1e1 } + .terminal-4044092870-r3 { fill: #f4005f } + .terminal-4044092870-r4 { fill: #98e024;font-weight: bold } + .terminal-4044092870-r5 { fill: #323232 } + .terminal-4044092870-r6 { fill: #0178d4 } + .terminal-4044092870-r7 { fill: #98e024 } + .terminal-4044092870-r8 { fill: #7ae998 } + .terminal-4044092870-r9 { fill: #4ebf71;font-weight: bold } + .terminal-4044092870-r10 { fill: #008139 } + .terminal-4044092870-r11 { fill: #fea62b;font-weight: bold } + .terminal-4044092870-r12 { fill: #a7a9ab } + .terminal-4044092870-r13 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ExampleApp + ExampleApp - - - - - Parent 1Parent 2 - ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - Child 2.1Child 2.2 - ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  Button 2.2  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - -  SPACE Focus button 2.2 + + + + + Parent 1Parent 2 + ━━━━━━━━━━━━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + Child 2.1Child 2.2 + ━━━━━━━━━━━━━╸━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  Button 2.2  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + +  SPACE Focus button 2.2  @@ -1875,135 +1875,135 @@ font-weight: 700; } - .terminal-3610918075-matrix { + .terminal-2919316667-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3610918075-title { + .terminal-2919316667-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3610918075-r1 { fill: #e1e1e1 } - .terminal-3610918075-r2 { fill: #c5c8c6 } - .terminal-3610918075-r3 { fill: #fea62b;font-weight: bold } - .terminal-3610918075-r4 { fill: #a7a9ab } - .terminal-3610918075-r5 { fill: #e2e3e3 } + .terminal-2919316667-r1 { fill: #e1e1e1 } + .terminal-2919316667-r2 { fill: #c5c8c6 } + .terminal-2919316667-r3 { fill: #fea62b;font-weight: bold } + .terminal-2919316667-r4 { fill: #a7a9ab } + .terminal-2919316667-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - HideBindingApp + HideBindingApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  p Binding shown + + + + + + + + + + + + + + + + + + + + + + + + + + +  p Binding shown  @@ -3345,138 +3345,138 @@ font-weight: 700; } - .terminal-4188818024-matrix { + .terminal-4248372996-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4188818024-title { + .terminal-4248372996-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4188818024-r1 { fill: #121212 } - .terminal-4188818024-r2 { fill: #c5c8c6 } - .terminal-4188818024-r3 { fill: #ddedf9 } - .terminal-4188818024-r4 { fill: #e2e2e2 } - .terminal-4188818024-r5 { fill: #e1e1e1 } - .terminal-4188818024-r6 { fill: #fea62b;font-weight: bold } - .terminal-4188818024-r7 { fill: #a7a9ab } - .terminal-4188818024-r8 { fill: #e2e3e3 } + .terminal-4248372996-r1 { fill: #121212 } + .terminal-4248372996-r2 { fill: #c5c8c6 } + .terminal-4248372996-r3 { fill: #ddedf9 } + .terminal-4248372996-r4 { fill: #e2e2e2 } + .terminal-4248372996-r5 { fill: #e1e1e1 } + .terminal-4248372996-r6 { fill: #fea62b;font-weight: bold } + .terminal-4248372996-r7 { fill: #a7a9ab } + .terminal-4248372996-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Leto - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Jessica - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - - - - - - - - - - - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Leto + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Jessica + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + + + + + + + + + + + + + +  c Collapse All  e Expand All  @@ -3664,140 +3664,140 @@ font-weight: 700; } - .terminal-1250672268-matrix { + .terminal-1549040424-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1250672268-title { + .terminal-1549040424-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1250672268-r1 { fill: #121212 } - .terminal-1250672268-r2 { fill: #e1e1e1 } - .terminal-1250672268-r3 { fill: #c5c8c6 } - .terminal-1250672268-r4 { fill: #ddedf9 } - .terminal-1250672268-r5 { fill: #e2e2e2 } - .terminal-1250672268-r6 { fill: #4ebf71;font-weight: bold } - .terminal-1250672268-r7 { fill: #14191f } - .terminal-1250672268-r8 { fill: #fea62b;font-weight: bold } - .terminal-1250672268-r9 { fill: #a7a9ab } - .terminal-1250672268-r10 { fill: #e2e3e3 } + .terminal-1549040424-r1 { fill: #121212 } + .terminal-1549040424-r2 { fill: #e1e1e1 } + .terminal-1549040424-r3 { fill: #c5c8c6 } + .terminal-1549040424-r4 { fill: #ddedf9 } + .terminal-1549040424-r5 { fill: #e2e2e2 } + .terminal-1549040424-r6 { fill: #4ebf71;font-weight: bold } + .terminal-1549040424-r7 { fill: #14191f } + .terminal-1549040424-r8 { fill: #fea62b;font-weight: bold } + .terminal-1549040424-r9 { fill: #a7a9ab } + .terminal-1549040424-r10 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides.                                                    - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Paul▆▆ - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides.                                                    + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Paul▆▆ + + + +  c Collapse All  e Expand All  @@ -3986,139 +3986,139 @@ font-weight: 700; } - .terminal-3502715005-matrix { + .terminal-844098826-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3502715005-title { + .terminal-844098826-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3502715005-r1 { fill: #121212 } - .terminal-3502715005-r2 { fill: #c5c8c6 } - .terminal-3502715005-r3 { fill: #ddedf9 } - .terminal-3502715005-r4 { fill: #e2e2e2 } - .terminal-3502715005-r5 { fill: #4ebf71;font-weight: bold } - .terminal-3502715005-r6 { fill: #e1e1e1 } - .terminal-3502715005-r7 { fill: #fea62b;font-weight: bold } - .terminal-3502715005-r8 { fill: #a7a9ab } - .terminal-3502715005-r9 { fill: #e2e3e3 } + .terminal-844098826-r1 { fill: #121212 } + .terminal-844098826-r2 { fill: #c5c8c6 } + .terminal-844098826-r3 { fill: #ddedf9 } + .terminal-844098826-r4 { fill: #e2e2e2 } + .terminal-844098826-r5 { fill: #4ebf71;font-weight: bold } + .terminal-844098826-r6 { fill: #e1e1e1 } + .terminal-844098826-r7 { fill: #fea62b;font-weight: bold } + .terminal-844098826-r8 { fill: #a7a9ab } + .terminal-844098826-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - CollapsibleApp + CollapsibleApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Leto - - # Duke Leto I Atreides - - Head of House Atreides.                                                      - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▼ Jessica - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - ▶ Paul - - - -  c Collapse All e Expand All + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Leto + + # Duke Leto I Atreides + + Head of House Atreides.                                                      + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▼ Jessica + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + ▶ Paul + + + +  c Collapse All  e Expand All  @@ -18211,169 +18211,169 @@ font-weight: 700; } - .terminal-513650169-matrix { + .terminal-353476698-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-513650169-title { + .terminal-353476698-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-513650169-r1 { fill: #c5c8c6 } - .terminal-513650169-r2 { fill: #e3e3e3 } - .terminal-513650169-r3 { fill: #e1e1e1 } - .terminal-513650169-r4 { fill: #e2e2e2 } - .terminal-513650169-r5 { fill: #14191f } - .terminal-513650169-r6 { fill: #004578 } - .terminal-513650169-r7 { fill: #262626 } - .terminal-513650169-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } - .terminal-513650169-r9 { fill: #e2e2e2;font-weight: bold } - .terminal-513650169-r10 { fill: #7ae998 } - .terminal-513650169-r11 { fill: #4ebf71;font-weight: bold } - .terminal-513650169-r12 { fill: #008139 } - .terminal-513650169-r13 { fill: #fea62b;font-weight: bold } - .terminal-513650169-r14 { fill: #a7a9ab } - .terminal-513650169-r15 { fill: #e2e3e3 } + .terminal-353476698-r1 { fill: #c5c8c6 } + .terminal-353476698-r2 { fill: #e3e3e3 } + .terminal-353476698-r3 { fill: #e1e1e1 } + .terminal-353476698-r4 { fill: #e2e2e2 } + .terminal-353476698-r5 { fill: #14191f } + .terminal-353476698-r6 { fill: #004578 } + .terminal-353476698-r7 { fill: #262626 } + .terminal-353476698-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; } + .terminal-353476698-r9 { fill: #e2e2e2;font-weight: bold } + .terminal-353476698-r10 { fill: #7ae998 } + .terminal-353476698-r11 { fill: #4ebf71;font-weight: bold } + .terminal-353476698-r12 { fill: #008139 } + .terminal-353476698-r13 { fill: #fea62b;font-weight: bold } + .terminal-353476698-r14 { fill: #a7a9ab } + .terminal-353476698-r15 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Textual Demo + Textual Demo - - - - ⭘Textual Demo - - - TOP - - ▆▆ - - Widgets - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▎▊ - ▎▊ - Rich content▎Textual Demo▊ - ▎▊ - ▎Welcome! Textual is a framework for creating sophisticated▊ - ▎applications with the terminal.                           ▊ - CSS▎▊ - ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ - ▎ Start ▊ - ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ - ▎▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ - - - - - - - - -  ^b Sidebar ^t Toggle Dark mode ^s Screenshot f1 Notes ^q Quit + + + + ⭘Textual Demo + + + TOP + + ▆▆ + + Widgets + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▎▊ + ▎▊ + Rich content▎Textual Demo▊ + ▎▊ + ▎Welcome! Textual is a framework for creating sophisticated▊ + ▎applications with the terminal.                           ▊ + CSS▎▊ + ▎▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊ + ▎ Start ▊ + ▎▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▊ + ▎▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ + + + + + + + + +  ^b Sidebar  ^t Toggle Dark mode  ^s Screenshot  f1 Notes  ^q Quit  @@ -19061,142 +19061,142 @@ font-weight: 700; } - .terminal-327063732-matrix { + .terminal-3926104244-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-327063732-title { + .terminal-3926104244-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-327063732-r1 { fill: #c5c8c6 } - .terminal-327063732-r2 { fill: #1e1e1e } - .terminal-327063732-r3 { fill: #1f1f1f } - .terminal-327063732-r4 { fill: #ff0000 } - .terminal-327063732-r5 { fill: #004578;font-weight: bold } - .terminal-327063732-r6 { fill: #585a5c } - .terminal-327063732-r7 { fill: #1c1d1e } - .terminal-327063732-r8 { fill: #c7cdd2 } + .terminal-3926104244-r1 { fill: #c5c8c6 } + .terminal-3926104244-r2 { fill: #1e1e1e } + .terminal-3926104244-r3 { fill: #1f1f1f } + .terminal-3926104244-r4 { fill: #ff0000 } + .terminal-3926104244-r5 { fill: #004578;font-weight: bold } + .terminal-3926104244-r6 { fill: #585a5c } + .terminal-3926104244-r7 { fill: #1c1d1e } + .terminal-3926104244-r8 { fill: #c7cdd2 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - - ▇▇ + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit  + + + ▇▇ @@ -19226,141 +19226,141 @@ font-weight: 700; } - .terminal-2521938682-matrix { + .terminal-1826994938-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2521938682-title { + .terminal-1826994938-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2521938682-r1 { fill: #c5c8c6 } - .terminal-2521938682-r2 { fill: #1e1e1e } - .terminal-2521938682-r3 { fill: #1f1f1f } - .terminal-2521938682-r4 { fill: #ff0000 } - .terminal-2521938682-r5 { fill: #c7cdd2 } - .terminal-2521938682-r6 { fill: #004578;font-weight: bold } - .terminal-2521938682-r7 { fill: #585a5c } - .terminal-2521938682-r8 { fill: #1c1d1e } + .terminal-1826994938-r1 { fill: #c5c8c6 } + .terminal-1826994938-r2 { fill: #1e1e1e } + .terminal-1826994938-r3 { fill: #1f1f1f } + .terminal-1826994938-r4 { fill: #ff0000 } + .terminal-1826994938-r5 { fill: #c7cdd2 } + .terminal-1826994938-r6 { fill: #004578;font-weight: bold } + .terminal-1826994938-r7 { fill: #585a5c } + .terminal-1826994938-r8 { fill: #1c1d1e } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TestApp + TestApp - - - - ⭘TestApp - ┌─────────┐ - │this│ - │is│ - │a│ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │wordsthis│ - │is│ - │a│▅▅ - │sample│ - │sentence│ - │and│ - │here│ - │are│ - │some│ - │words│ -  ^q Quit - - + + + + ⭘TestApp + ┌─────────┐ + │this│ + │is│ + │a│ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │wordsthis│ + │is│ + │a│▅▅ + │sample│ + │sentence│ + │and│ + │here│ + │are│ + │some│ + │words│ +  ^q Quit  + + @@ -19556,137 +19556,137 @@ font-weight: 700; } - .terminal-1774259648-matrix { + .terminal-3961244237-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1774259648-title { + .terminal-3961244237-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1774259648-r1 { fill: #e1e1e1 } - .terminal-1774259648-r2 { fill: #c5c8c6 } - .terminal-1774259648-r3 { fill: #fea62b;font-weight: bold } - .terminal-1774259648-r4 { fill: #a7a9ab } - .terminal-1774259648-r5 { fill: #e2e3e3 } - .terminal-1774259648-r6 { fill: #a6742c;font-weight: bold } - .terminal-1774259648-r7 { fill: #727579 } + .terminal-3961244237-r1 { fill: #e1e1e1 } + .terminal-3961244237-r2 { fill: #c5c8c6 } + .terminal-3961244237-r3 { fill: #fea62b;font-weight: bold } + .terminal-3961244237-r4 { fill: #a7a9ab } + .terminal-3961244237-r5 { fill: #a6742c;font-weight: bold } + .terminal-3961244237-r6 { fill: #727579 } + .terminal-3961244237-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - BindingsApp + BindingsApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  a A c C + + + + + + + + + + + + + + + + + + + + + + + + + + +  a A  c C  @@ -20202,139 +20202,139 @@ font-weight: 700; } - .terminal-4091855510-matrix { + .terminal-868612187-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4091855510-title { + .terminal-868612187-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4091855510-r1 { fill: #e4e5e6 } - .terminal-4091855510-r2 { fill: #c5c8c6 } - .terminal-4091855510-r3 { fill: #0d0d0d } - .terminal-4091855510-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-4091855510-r5 { fill: #e7920d } - .terminal-4091855510-r6 { fill: #211505;font-weight: bold } - .terminal-4091855510-r7 { fill: #fea62b;font-weight: bold } - .terminal-4091855510-r8 { fill: #a7a9ab } - .terminal-4091855510-r9 { fill: #e2e3e3 } + .terminal-868612187-r1 { fill: #e4e5e6 } + .terminal-868612187-r2 { fill: #c5c8c6 } + .terminal-868612187-r3 { fill: #0d0d0d } + .terminal-868612187-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-868612187-r5 { fill: #e7920d } + .terminal-868612187-r6 { fill: #211505;font-weight: bold } + .terminal-868612187-r7 { fill: #fea62b;font-weight: bold } + .terminal-868612187-r8 { fill: #a7a9ab } + .terminal-868612187-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - 5x5 -- A little annoying puzzle + 5x5 -- A little annoying puzzle - - - - 5x5 -- A little annoying puzzleMoves: 0Filled: 5 - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ - ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ - ││││││││││ - ││││││││││ - ││││││││││ - ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ -  n New Game ? Help q Quit ^d Toggle Dark Mode + + + + 5x5 -- A little annoying puzzleMoves: 0Filled: 5 + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ + ╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮ + ││││││││││ + ││││││││││ + ││││││││││ + ╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯ +  n New Game  ? Help  q Quit  ^d Toggle Dark Mode  @@ -20364,143 +20364,143 @@ font-weight: 700; } - .terminal-485043457-matrix { + .terminal-1766696490-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-485043457-title { + .terminal-1766696490-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-485043457-r1 { fill: #c5c8c6 } - .terminal-485043457-r2 { fill: #e3e3e3 } - .terminal-485043457-r3 { fill: #e2e3e3 } - .terminal-485043457-r4 { fill: #008139 } - .terminal-485043457-r5 { fill: #14191f } - .terminal-485043457-r6 { fill: #e2e3e3;font-weight: bold } - .terminal-485043457-r7 { fill: #98e024 } - .terminal-485043457-r8 { fill: #211505;font-weight: bold } - .terminal-485043457-r9 { fill: #fea62b;font-weight: bold } - .terminal-485043457-r10 { fill: #58d1eb;font-weight: bold } - .terminal-485043457-r11 { fill: #f4005f;font-style: italic; } - .terminal-485043457-r12 { fill: #23568b } - .terminal-485043457-r13 { fill: #a7a9ab } + .terminal-1766696490-r1 { fill: #c5c8c6 } + .terminal-1766696490-r2 { fill: #e3e3e3 } + .terminal-1766696490-r3 { fill: #e2e3e3 } + .terminal-1766696490-r4 { fill: #008139 } + .terminal-1766696490-r5 { fill: #14191f } + .terminal-1766696490-r6 { fill: #e2e3e3;font-weight: bold } + .terminal-1766696490-r7 { fill: #98e024 } + .terminal-1766696490-r8 { fill: #211505;font-weight: bold } + .terminal-1766696490-r9 { fill: #fea62b;font-weight: bold } + .terminal-1766696490-r10 { fill: #58d1eb;font-weight: bold } + .terminal-1766696490-r11 { fill: #f4005f;font-style: italic; } + .terminal-1766696490-r12 { fill: #23568b } + .terminal-1766696490-r13 { fill: #a7a9ab } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TreeApp + TreeApp - - - - ⭘TreeApp - ▼ Root - └── ▼ {} JSON▁▁ -     ├── code='5060292302201' -     ├── ▼ {} product -     │   ┣━━ _id='5060292302201' -     │   ┣━━ ▶ [] _keywords -     │   ┣━━ ▶ [] added_countries_tags -     │   ┣━━ ▶ [] additives_debug_tags -     │   ┣━━ additives_n=2 -     │   ┣━━ additives_old_n=2 -     │   ┣━━ ▶ [] additives_old_tags -     │   ┣━━ ▶ [] additives_original_tags -     │   ┣━━ ▶ [] additives_prev_original_tags -     │   ┣━━ ▶ [] additives_tags -     │   ┣━━ additives_tags_n=None -     │   ┣━━ allergens='en:milk' -     │   ┣━━ ▶ [] allergens_debug_tags -     │   ┣━━ allergens_from_ingredients='en:milk, milk' -     │   ┣━━ allergens_from_user='(en) en:milk' -     │   ┣━━ ▶ [] allergens_hierarchy -     │   ┣━━ ▶ [] allergens_tags - ▉ -  a Add node c Clear t Toggle root + + + + ⭘TreeApp + ▼ Root + └── ▼ {} JSON▁▁ +     ├── code='5060292302201' +     ├── ▼ {} product +     │   ┣━━ _id='5060292302201' +     │   ┣━━ ▶ [] _keywords +     │   ┣━━ ▶ [] added_countries_tags +     │   ┣━━ ▶ [] additives_debug_tags +     │   ┣━━ additives_n=2 +     │   ┣━━ additives_old_n=2 +     │   ┣━━ ▶ [] additives_old_tags +     │   ┣━━ ▶ [] additives_original_tags +     │   ┣━━ ▶ [] additives_prev_original_tags +     │   ┣━━ ▶ [] additives_tags +     │   ┣━━ additives_tags_n=None +     │   ┣━━ allergens='en:milk' +     │   ┣━━ ▶ [] allergens_debug_tags +     │   ┣━━ allergens_from_ingredients='en:milk, milk' +     │   ┣━━ allergens_from_user='(en) en:milk' +     │   ┣━━ ▶ [] allergens_hierarchy +     │   ┣━━ ▶ [] allergens_tags + ▉ +  a Add node  c Clear  t Toggle root  @@ -20530,144 +20530,144 @@ font-weight: 700; } - .terminal-3558972761-matrix { + .terminal-3608614545-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3558972761-title { + .terminal-3608614545-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3558972761-r1 { fill: #c5c8c6 } - .terminal-3558972761-r2 { fill: #24292f } - .terminal-3558972761-r3 { fill: #e1e1e1 } - .terminal-3558972761-r4 { fill: #e2e3e3 } - .terminal-3558972761-r5 { fill: #96989b } - .terminal-3558972761-r6 { fill: #008139 } - .terminal-3558972761-r7 { fill: #4ebf71;font-weight: bold } - .terminal-3558972761-r8 { fill: #939393;font-weight: bold } - .terminal-3558972761-r9 { fill: #4ebf71;text-decoration: underline; } - .terminal-3558972761-r10 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3558972761-r11 { fill: #fea62b;font-weight: bold } - .terminal-3558972761-r12 { fill: #a7a9ab } - .terminal-3558972761-r13 { fill: #a6742c;font-weight: bold } - .terminal-3558972761-r14 { fill: #727579 } + .terminal-3608614545-r1 { fill: #c5c8c6 } + .terminal-3608614545-r2 { fill: #24292f } + .terminal-3608614545-r3 { fill: #e1e1e1 } + .terminal-3608614545-r4 { fill: #e2e3e3 } + .terminal-3608614545-r5 { fill: #96989b } + .terminal-3608614545-r6 { fill: #008139 } + .terminal-3608614545-r7 { fill: #4ebf71;font-weight: bold } + .terminal-3608614545-r8 { fill: #939393;font-weight: bold } + .terminal-3608614545-r9 { fill: #4ebf71;text-decoration: underline; } + .terminal-3608614545-r10 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3608614545-r11 { fill: #fea62b;font-weight: bold } + .terminal-3608614545-r12 { fill: #a7a9ab } + .terminal-3608614545-r13 { fill: #a6742c;font-weight: bold } + .terminal-3608614545-r14 { fill: #727579 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MarkdownApp + MarkdownApp - - - - ▊ - ▼ Ⅰ Textual Markdown Browser▊ - └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser - ▊ - ▊  Welcome fellow adventurer! If you ran      - ▊markdown.py from the terminal you are      - ▊  viewing demo.md with Textual's built  - ▊  in Markdown widget. - ▊ - ▊  The widget supports much of the  - ▊  Markdown spec. There is also an  - ▊  optional Table of Contents sidebar  - ▊  which you will see to your left. - ▊ - ▊ - ▊Do You Want to Know More? - ▊ - ▊  See example.md for more examples of  - ▊  what this can do. - ▊ - ▊ - ▊ - ▊ -  t TOC b Back f Forward + + + + ▊ + ▼ Ⅰ Textual Markdown Browser▊ + └── Ⅱ Do You Want to Know More?▊Textual Markdown Browser + ▊ + ▊  Welcome fellow adventurer! If you ran      + ▊markdown.py from the terminal you are      + ▊  viewing demo.md with Textual's built  + ▊  in Markdown widget. + ▊ + ▊  The widget supports much of the  + ▊  Markdown spec. There is also an  + ▊  optional Table of Contents sidebar  + ▊  which you will see to your left. + ▊ + ▊ + ▊Do You Want to Know More? + ▊ + ▊  See example.md for more examples of  + ▊  what this can do. + ▊ + ▊ + ▊ + ▊ +  t TOC  b Back  f Forward  @@ -21471,6 +21471,165 @@ ''' # --- +# name: test_footer_compact_with_hover + ''' + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ToggleCompactFooterApp + + + + + + + + + + + + + + + + + + + + +                                  Compact Footer                                  + + + + + + + + + + + + ^t Toggle Compact Footer^q Quit + + + + + ''' +# --- # name: test_footer_render ''' @@ -21494,135 +21653,135 @@ font-weight: 700; } - .terminal-866115740-matrix { + .terminal-3923597780-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-866115740-title { + .terminal-3923597780-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-866115740-r1 { fill: #e1e1e1 } - .terminal-866115740-r2 { fill: #c5c8c6 } - .terminal-866115740-r3 { fill: #fea62b;font-weight: bold } - .terminal-866115740-r4 { fill: #a7a9ab } - .terminal-866115740-r5 { fill: #e2e3e3 } + .terminal-3923597780-r1 { fill: #e1e1e1 } + .terminal-3923597780-r2 { fill: #c5c8c6 } + .terminal-3923597780-r3 { fill: #fea62b;font-weight: bold } + .terminal-3923597780-r4 { fill: #a7a9ab } + .terminal-3923597780-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - FooterApp + FooterApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  q Quit the app ? Show help screen delete Delete the thing + + + + + + + + + + + + + + + + + + + + + + + + + + +  q Quit the app  ? Show help screen  delete Delete the thing  @@ -21652,135 +21811,294 @@ font-weight: 700; } - .terminal-1368659448-matrix { + .terminal-3950236293-matrix { + font-family: Fira Code, monospace; + font-size: 20px; + line-height: 24.4px; + font-variant-east-asian: full-width; + } + + .terminal-3950236293-title { + font-size: 18px; + font-weight: bold; + font-family: arial; + } + + .terminal-3950236293-r1 { fill: #e1e1e1 } + .terminal-3950236293-r2 { fill: #c5c8c6 } + .terminal-3950236293-r3 { fill: #fea62b;font-weight: bold } + .terminal-3950236293-r4 { fill: #a7a9ab } + .terminal-3950236293-r5 { fill: #e2e3e3 } + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ToggleCompactFooterApp + + + + + + + + + + + + + + + + + + + + +                                 Standard Footer                                  + + + + + + + + + + + +  ^t Toggle Compact Footer  ^q Quit  + + + + + ''' +# --- +# name: test_footer_standard_with_hover + ''' + + + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ToggleCompactFooterApp + ToggleCompactFooterApp - - - - - - - - - - - - - - -                                 Standard Footer                                  - - - - - - - - - - - -  ^t Toggle Compact Footer ^q Quit + + + + + + + + + + + + + + +                                 Standard Footer                                  + + + + + + + + + + + +  ^t Toggle Compact Footer  ^q Quit  @@ -24354,135 +24672,135 @@ font-weight: 700; } - .terminal-1407954339-matrix { + .terminal-1780802408-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1407954339-title { + .terminal-1780802408-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1407954339-r1 { fill: #e1e1e1 } - .terminal-1407954339-r2 { fill: #c5c8c6 } - .terminal-1407954339-r3 { fill: #fea62b;font-weight: bold } - .terminal-1407954339-r4 { fill: #a7a9ab } - .terminal-1407954339-r5 { fill: #e2e3e3 } + .terminal-1780802408-r1 { fill: #e1e1e1 } + .terminal-1780802408-r2 { fill: #c5c8c6 } + .terminal-1780802408-r3 { fill: #fea62b;font-weight: bold } + .terminal-1780802408-r4 { fill: #a7a9ab } + .terminal-1780802408-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - KeyDisplayApp + KeyDisplayApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  ? Question ^q Quit app Escape! Escape a Letter A + + + + + + + + + + + + + + + + + + + + + + + + + + +  ? Question  ^q Quit app  Escape! Escape  a Letter A  @@ -24829,137 +25147,137 @@ font-weight: 700; } - .terminal-4006913637-matrix { + .terminal-3315312229-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-4006913637-title { + .terminal-3315312229-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-4006913637-r1 { fill: #c5c8c6 } - .terminal-4006913637-r2 { fill: #e3e3e3 } - .terminal-4006913637-r3 { fill: #e1e1e1 } - .terminal-4006913637-r4 { fill: #ff0000 } - .terminal-4006913637-r5 { fill: #fea62b;font-weight: bold } - .terminal-4006913637-r6 { fill: #a7a9ab } - .terminal-4006913637-r7 { fill: #e2e3e3 } + .terminal-3315312229-r1 { fill: #c5c8c6 } + .terminal-3315312229-r2 { fill: #e3e3e3 } + .terminal-3315312229-r3 { fill: #e1e1e1 } + .terminal-3315312229-r4 { fill: #ff0000 } + .terminal-3315312229-r5 { fill: #fea62b;font-weight: bold } + .terminal-3315312229-r6 { fill: #a7a9ab } + .terminal-3315312229-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - DialogIssueApp + DialogIssueApp - - - - ⭘DialogIssueApp - - - - - - ╭──────────────────────────────────────╮ - ││ - ││ - ││ - ││ - │This should not cause a scrollbar to a│ - ││ - ││ - ││ - ││ - ││ - ╰──────────────────────────────────────╯ - - - - - -  d Toggle the dialog + + + + ⭘DialogIssueApp + + + + + + ╭──────────────────────────────────────╮ + ││ + ││ + ││ + ││ + │This should not cause a scrollbar to a│ + ││ + ││ + ││ + ││ + ││ + ╰──────────────────────────────────────╯ + + + + + +  d Toggle the dialog  @@ -28038,136 +28356,136 @@ font-weight: 700; } - .terminal-1570068433-matrix { + .terminal-878467025-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1570068433-title { + .terminal-878467025-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1570068433-r1 { fill: #c5c8c6 } - .terminal-1570068433-r2 { fill: #e3e3e3 } - .terminal-1570068433-r3 { fill: #e1e1e1 } - .terminal-1570068433-r4 { fill: #fea62b;font-weight: bold } - .terminal-1570068433-r5 { fill: #a7a9ab } - .terminal-1570068433-r6 { fill: #e2e3e3 } + .terminal-878467025-r1 { fill: #c5c8c6 } + .terminal-878467025-r2 { fill: #e3e3e3 } + .terminal-878467025-r3 { fill: #e1e1e1 } + .terminal-878467025-r4 { fill: #fea62b;font-weight: bold } + .terminal-878467025-r5 { fill: #a7a9ab } + .terminal-878467025-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - Hello                                                                            - - - - - - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + ⭘ModalApp + Hello                                                                            + + + + + + + + + + + + + + + + + + + + + +  ⏎ Open Dialog  @@ -28197,141 +28515,141 @@ font-weight: 700; } - .terminal-3548073150-matrix { + .terminal-2859158718-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3548073150-title { + .terminal-2859158718-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3548073150-r1 { fill: #e0e0e0 } - .terminal-3548073150-r2 { fill: #656565 } - .terminal-3548073150-r3 { fill: #c5c8c6 } - .terminal-3548073150-r4 { fill: #121212 } - .terminal-3548073150-r5 { fill: #e1e1e1 } - .terminal-3548073150-r6 { fill: #454a50 } - .terminal-3548073150-r7 { fill: #646464 } - .terminal-3548073150-r8 { fill: #24292f;font-weight: bold } - .terminal-3548073150-r9 { fill: #000000 } - .terminal-3548073150-r10 { fill: #704d1c;font-weight: bold } - .terminal-3548073150-r11 { fill: #4d4e4f } + .terminal-2859158718-r1 { fill: #e0e0e0 } + .terminal-2859158718-r2 { fill: #656565 } + .terminal-2859158718-r3 { fill: #c5c8c6 } + .terminal-2859158718-r4 { fill: #121212 } + .terminal-2859158718-r5 { fill: #e1e1e1 } + .terminal-2859158718-r6 { fill: #454a50 } + .terminal-2859158718-r7 { fill: #646464 } + .terminal-2859158718-r8 { fill: #24292f;font-weight: bold } + .terminal-2859158718-r9 { fill: #000000 } + .terminal-2859158718-r10 { fill: #704d1c;font-weight: bold } + .terminal-2859158718-r11 { fill: #4d4e4f } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - DialogModalApp - ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▊hi!                                                                       ▎ - ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  OK  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - - - - - - - - - - - - - - - - -  ⏎ Open Dialog + + + + DialogModalApp + ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▊hi!                                                                       ▎ + ▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  OK  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + + + + + + + + + + + + + + + + +  ⏎ Open Dialog  @@ -28518,135 +28836,135 @@ font-weight: 700; } - .terminal-3918083956-matrix { + .terminal-3226482548-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3918083956-title { + .terminal-3226482548-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3918083956-r1 { fill: #e1e1e1 } - .terminal-3918083956-r2 { fill: #c5c8c6 } - .terminal-3918083956-r3 { fill: #fea62b;font-weight: bold } - .terminal-3918083956-r4 { fill: #a7a9ab } - .terminal-3918083956-r5 { fill: #e2e3e3 } + .terminal-3226482548-r1 { fill: #e1e1e1 } + .terminal-3226482548-r2 { fill: #c5c8c6 } + .terminal-3226482548-r3 { fill: #fea62b;font-weight: bold } + .terminal-3226482548-r4 { fill: #a7a9ab } + .terminal-3226482548-r5 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - MApp + MApp - - - - - - - - - - - - - - - - - - - - - - - - - - -  o Options + + + + + + + + + + + + + + + + + + + + + + + + + + +  o Options  @@ -31862,137 +32180,137 @@ font-weight: 700; } - .terminal-1441181888-matrix { + .terminal-749580480-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1441181888-title { + .terminal-749580480-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1441181888-r1 { fill: #ffff00 } - .terminal-1441181888-r2 { fill: #e3e3e3 } - .terminal-1441181888-r3 { fill: #c5c8c6 } - .terminal-1441181888-r4 { fill: #e1e1e1 } - .terminal-1441181888-r5 { fill: #fea62b;font-weight: bold } - .terminal-1441181888-r6 { fill: #a7a9ab } - .terminal-1441181888-r7 { fill: #e2e3e3 } + .terminal-749580480-r1 { fill: #ffff00 } + .terminal-749580480-r2 { fill: #e3e3e3 } + .terminal-749580480-r3 { fill: #c5c8c6 } + .terminal-749580480-r4 { fill: #e1e1e1 } + .terminal-749580480-r5 { fill: #fea62b;font-weight: bold } + .terminal-749580480-r6 { fill: #a7a9ab } + .terminal-749580480-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen  @@ -32022,137 +32340,137 @@ font-weight: 700; } - .terminal-1579789384-matrix { + .terminal-888187976-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-1579789384-title { + .terminal-888187976-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-1579789384-r1 { fill: #ffff00 } - .terminal-1579789384-r2 { fill: #e3e3e3 } - .terminal-1579789384-r3 { fill: #c5c8c6 } - .terminal-1579789384-r4 { fill: #ddeedd } - .terminal-1579789384-r5 { fill: #fea62b;font-weight: bold } - .terminal-1579789384-r6 { fill: #a7a9ab } - .terminal-1579789384-r7 { fill: #e2e3e3 } + .terminal-888187976-r1 { fill: #ffff00 } + .terminal-888187976-r2 { fill: #e3e3e3 } + .terminal-888187976-r3 { fill: #c5c8c6 } + .terminal-888187976-r4 { fill: #ddeedd } + .terminal-888187976-r5 { fill: #fea62b;font-weight: bold } + .terminal-888187976-r6 { fill: #a7a9ab } + .terminal-888187976-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - Layers + Layers - - - - ┌──────────────────────────────────┐Layers - ││It's full of stars! My God! It's full of sta - ││ - │This should float over the top│ - ││ - ││ - └──────────────────────────────────┘ - - - - - - - - - - - - - - - - -  t Toggle Screen + + + + ┌──────────────────────────────────┐Layers + ││It's full of stars! My God! It's full of sta + ││ + │This should float over the top│ + ││ + ││ + └──────────────────────────────────┘ + + + + + + + + + + + + + + + + +  t Toggle Screen  @@ -33005,136 +33323,136 @@ font-weight: 700; } - .terminal-3850669864-matrix { + .terminal-3159068456-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3850669864-title { + .terminal-3159068456-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3850669864-r1 { fill: #e1e1e1 } - .terminal-3850669864-r2 { fill: #c5c8c6 } - .terminal-3850669864-r3 { fill: #4ebf71 } - .terminal-3850669864-r4 { fill: #fea62b;font-weight: bold } - .terminal-3850669864-r5 { fill: #a7a9ab } - .terminal-3850669864-r6 { fill: #e2e3e3 } + .terminal-3159068456-r1 { fill: #e1e1e1 } + .terminal-3159068456-r2 { fill: #c5c8c6 } + .terminal-3159068456-r3 { fill: #4ebf71 } + .terminal-3159068456-r4 { fill: #fea62b;font-weight: bold } + .terminal-3159068456-r5 { fill: #a7a9ab } + .terminal-3159068456-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:--                  + + + + + + + + + + + +  s Start  @@ -33164,138 +33482,138 @@ font-weight: 700; } - .terminal-3722107617-matrix { + .terminal-3030506209-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3722107617-title { + .terminal-3030506209-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3722107617-r1 { fill: #e1e1e1 } - .terminal-3722107617-r2 { fill: #c5c8c6 } - .terminal-3722107617-r3 { fill: #b93c5b } - .terminal-3722107617-r4 { fill: #1e1e1e } - .terminal-3722107617-r5 { fill: #e1e1e1;text-decoration: underline; } - .terminal-3722107617-r6 { fill: #fea62b;font-weight: bold } - .terminal-3722107617-r7 { fill: #a7a9ab } - .terminal-3722107617-r8 { fill: #e2e3e3 } + .terminal-3030506209-r1 { fill: #e1e1e1 } + .terminal-3030506209-r2 { fill: #c5c8c6 } + .terminal-3030506209-r3 { fill: #b93c5b } + .terminal-3030506209-r4 { fill: #1e1e1e } + .terminal-3030506209-r5 { fill: #e1e1e1;text-decoration: underline; } + .terminal-3030506209-r6 { fill: #fea62b;font-weight: bold } + .terminal-3030506209-r7 { fill: #a7a9ab } + .terminal-3030506209-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━100%--:--:-- + + + + + + + + + + + +  s Start  @@ -33325,137 +33643,137 @@ font-weight: 700; } - .terminal-55628311-matrix { + .terminal-3658011159-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-55628311-title { + .terminal-3658011159-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-55628311-r1 { fill: #e1e1e1 } - .terminal-55628311-r2 { fill: #c5c8c6 } - .terminal-55628311-r3 { fill: #fea62b } - .terminal-55628311-r4 { fill: #323232 } - .terminal-55628311-r5 { fill: #fea62b;font-weight: bold } - .terminal-55628311-r6 { fill: #a7a9ab } - .terminal-55628311-r7 { fill: #e2e3e3 } + .terminal-3658011159-r1 { fill: #e1e1e1 } + .terminal-3658011159-r2 { fill: #c5c8c6 } + .terminal-3658011159-r3 { fill: #fea62b } + .terminal-3658011159-r4 { fill: #323232 } + .terminal-3658011159-r5 { fill: #fea62b;font-weight: bold } + .terminal-3658011159-r6 { fill: #a7a9ab } + .terminal-3658011159-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07                  + + + + + + + + + + + +  s Start  @@ -33485,139 +33803,139 @@ font-weight: 700; } - .terminal-2905414905-matrix { + .terminal-2213813497-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2905414905-title { + .terminal-2213813497-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2905414905-r1 { fill: #e1e1e1 } - .terminal-2905414905-r2 { fill: #c5c8c6 } - .terminal-2905414905-r3 { fill: #004578 } - .terminal-2905414905-r4 { fill: #152939 } - .terminal-2905414905-r5 { fill: #1e1e1e } - .terminal-2905414905-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-2905414905-r7 { fill: #fea62b;font-weight: bold } - .terminal-2905414905-r8 { fill: #a7a9ab } - .terminal-2905414905-r9 { fill: #e2e3e3 } + .terminal-2213813497-r1 { fill: #e1e1e1 } + .terminal-2213813497-r2 { fill: #c5c8c6 } + .terminal-2213813497-r3 { fill: #004578 } + .terminal-2213813497-r4 { fill: #152939 } + .terminal-2213813497-r5 { fill: #1e1e1e } + .terminal-2213813497-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-2213813497-r7 { fill: #fea62b;font-weight: bold } + .terminal-2213813497-r8 { fill: #a7a9ab } + .terminal-2213813497-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━39%00:00:07 + + + + + + + + + + + +  s Start  @@ -33647,137 +33965,137 @@ font-weight: 700; } - .terminal-3320190024-matrix { + .terminal-2628588616-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3320190024-title { + .terminal-2628588616-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3320190024-r1 { fill: #e1e1e1 } - .terminal-3320190024-r2 { fill: #c5c8c6 } - .terminal-3320190024-r3 { fill: #323232 } - .terminal-3320190024-r4 { fill: #b93c5b } - .terminal-3320190024-r5 { fill: #fea62b;font-weight: bold } - .terminal-3320190024-r6 { fill: #a7a9ab } - .terminal-3320190024-r7 { fill: #e2e3e3 } + .terminal-2628588616-r1 { fill: #e1e1e1 } + .terminal-2628588616-r2 { fill: #c5c8c6 } + .terminal-2628588616-r3 { fill: #323232 } + .terminal-2628588616-r4 { fill: #b93c5b } + .terminal-2628588616-r5 { fill: #fea62b;font-weight: bold } + .terminal-2628588616-r6 { fill: #a7a9ab } + .terminal-2628588616-r7 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - IndeterminateProgressBar + IndeterminateProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:--                  + + + + + + + + + + + +  s Start  @@ -33807,139 +34125,139 @@ font-weight: 700; } - .terminal-2106745301-matrix { + .terminal-1415143893-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-2106745301-title { + .terminal-1415143893-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-2106745301-r1 { fill: #e1e1e1 } - .terminal-2106745301-r2 { fill: #c5c8c6 } - .terminal-2106745301-r3 { fill: #fea62b } - .terminal-2106745301-r4 { fill: #004578 } - .terminal-2106745301-r5 { fill: #1e1e1e } - .terminal-2106745301-r6 { fill: #e1e1e1;text-decoration: underline; } - .terminal-2106745301-r7 { fill: #fea62b;font-weight: bold } - .terminal-2106745301-r8 { fill: #a7a9ab } - .terminal-2106745301-r9 { fill: #e2e3e3 } + .terminal-1415143893-r1 { fill: #e1e1e1 } + .terminal-1415143893-r2 { fill: #c5c8c6 } + .terminal-1415143893-r3 { fill: #fea62b } + .terminal-1415143893-r4 { fill: #004578 } + .terminal-1415143893-r5 { fill: #1e1e1e } + .terminal-1415143893-r6 { fill: #e1e1e1;text-decoration: underline; } + .terminal-1415143893-r7 { fill: #fea62b;font-weight: bold } + .terminal-1415143893-r8 { fill: #a7a9ab } + .terminal-1415143893-r9 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - StyledProgressBar + StyledProgressBar - - - - - - - - - - - - - - - ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- - - - - - - - - - - - -  s Start + + + + + + + + + + + + + + + ━╸━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━--%--:--:-- + + + + + + + + + + + +  s Start  @@ -34614,138 +34932,138 @@ font-weight: 700; } - .terminal-590612635-matrix { + .terminal-2357839144-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-590612635-title { + .terminal-2357839144-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-590612635-r1 { fill: #c5c8c6 } - .terminal-590612635-r2 { fill: #e3e3e3 } - .terminal-590612635-r3 { fill: #008000 } - .terminal-590612635-r4 { fill: #ffff00 } - .terminal-590612635-r5 { fill: #e1e1e1 } - .terminal-590612635-r6 { fill: #fea62b;font-weight: bold } - .terminal-590612635-r7 { fill: #a7a9ab } - .terminal-590612635-r8 { fill: #e2e3e3 } + .terminal-2357839144-r1 { fill: #c5c8c6 } + .terminal-2357839144-r2 { fill: #e3e3e3 } + .terminal-2357839144-r3 { fill: #008000 } + .terminal-2357839144-r4 { fill: #ffff00 } + .terminal-2357839144-r5 { fill: #e1e1e1 } + .terminal-2357839144-r6 { fill: #fea62b;font-weight: bold } + .terminal-2357839144-r7 { fill: #a7a9ab } + .terminal-2357839144-r8 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - VerticalRemoveApp + VerticalRemoveApp - - - - ⭘VerticalRemoveApp - ╭──────────────────────────────────────────────────────────────────────────────╮ - │╭────────────────────╮│ - ││This is a test label││ - │╰────────────────────╯│ - ╰──────────────────────────────────────────────────────────────────────────────╯ - - - - - - - - - - - - - - - - - -  a Add d Delete + + + + ⭘VerticalRemoveApp + ╭──────────────────────────────────────────────────────────────────────────────╮ + │╭────────────────────╮│ + ││This is a test label││ + │╰────────────────────╯│ + ╰──────────────────────────────────────────────────────────────────────────────╯ + + + + + + + + + + + + + + + + + +  a Add  d Delete  @@ -35865,136 +36183,136 @@ font-weight: 700; } - .terminal-992377391-matrix { + .terminal-300775983-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-992377391-title { + .terminal-300775983-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-992377391-r1 { fill: #c5c8c6 } - .terminal-992377391-r2 { fill: #e3e3e3 } - .terminal-992377391-r3 { fill: #e1e1e1 } - .terminal-992377391-r4 { fill: #fea62b;font-weight: bold } - .terminal-992377391-r5 { fill: #a7a9ab } - .terminal-992377391-r6 { fill: #e2e3e3 } + .terminal-300775983-r1 { fill: #c5c8c6 } + .terminal-300775983-r2 { fill: #e3e3e3 } + .terminal-300775983-r3 { fill: #e1e1e1 } + .terminal-300775983-r4 { fill: #fea62b;font-weight: bold } + .terminal-300775983-r5 { fill: #a7a9ab } + .terminal-300775983-r6 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ModalApp + ModalApp - - - - ⭘ModalApp - B - - - - - - - - - - - - - - - - - - - - - -  a Push screen A + + + + ⭘ModalApp + B + + + + + + + + + + + + + + + + + + + + + +  a Push screen A  @@ -39872,141 +40190,141 @@ font-weight: 700; } - .terminal-3870187717-matrix { + .terminal-1980553710-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-3870187717-title { + .terminal-1980553710-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-3870187717-r1 { fill: #c5c8c6 } - .terminal-3870187717-r2 { fill: #e1e1e1 } - .terminal-3870187717-r3 { fill: #737373 } - .terminal-3870187717-r4 { fill: #e1e1e1;font-weight: bold } - .terminal-3870187717-r5 { fill: #474747 } - .terminal-3870187717-r6 { fill: #0178d4 } - .terminal-3870187717-r7 { fill: #4ebf71;font-weight: bold } - .terminal-3870187717-r8 { fill: #323232 } - .terminal-3870187717-r9 { fill: #fea62b;font-weight: bold } - .terminal-3870187717-r10 { fill: #a7a9ab } - .terminal-3870187717-r11 { fill: #e2e3e3 } + .terminal-1980553710-r1 { fill: #c5c8c6 } + .terminal-1980553710-r2 { fill: #e1e1e1 } + .terminal-1980553710-r3 { fill: #737373 } + .terminal-1980553710-r4 { fill: #e1e1e1;font-weight: bold } + .terminal-1980553710-r5 { fill: #474747 } + .terminal-1980553710-r6 { fill: #0178d4 } + .terminal-1980553710-r7 { fill: #4ebf71;font-weight: bold } + .terminal-1980553710-r8 { fill: #323232 } + .terminal-1980553710-r9 { fill: #fea62b;font-weight: bold } + .terminal-1980553710-r10 { fill: #a7a9ab } + .terminal-1980553710-r11 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - TabbedApp + TabbedApp - - - - - LetoJessicaPaul - ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - - - Lady Jessica - -   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. - - - - PaulAlia - ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - First child                                                              - - - - - - - -  l Leto j Jessica p Paul + + + + + LetoJessicaPaul + ━━━━━━━━╸━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + + + Lady Jessica + +   Bene Gesserit and concubine of Leto, and mother of Paul and Alia. + + + + PaulAlia + ━╸━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + First child                                                              + + + + + + + +  l Leto  j Jessica  p Paul  @@ -47621,153 +47939,153 @@ font-weight: 700; } - .terminal-729422699-matrix { + .terminal-37821291-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-729422699-title { + .terminal-37821291-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-729422699-r1 { fill: #c5c8c6 } - .terminal-729422699-r2 { fill: #e1e1e1 } - .terminal-729422699-r3 { fill: #e1e1e1;font-weight: bold } - .terminal-729422699-r4 { fill: #737373 } - .terminal-729422699-r5 { fill: #474747 } - .terminal-729422699-r6 { fill: #0178d4 } - .terminal-729422699-r7 { fill: #454a50 } - .terminal-729422699-r8 { fill: #e0e0e0 } - .terminal-729422699-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-729422699-r10 { fill: #000000 } - .terminal-729422699-r11 { fill: #1e1e1e } - .terminal-729422699-r12 { fill: #dde0e6 } - .terminal-729422699-r13 { fill: #99a1b3 } - .terminal-729422699-r14 { fill: #dde2e8 } - .terminal-729422699-r15 { fill: #99a7b9 } - .terminal-729422699-r16 { fill: #dde4ea } - .terminal-729422699-r17 { fill: #99adc1 } - .terminal-729422699-r18 { fill: #dde6ed } - .terminal-729422699-r19 { fill: #99b4c9 } - .terminal-729422699-r20 { fill: #23568b } - .terminal-729422699-r21 { fill: #fea62b;font-weight: bold } - .terminal-729422699-r22 { fill: #a7a9ab } - .terminal-729422699-r23 { fill: #e2e3e3 } + .terminal-37821291-r1 { fill: #c5c8c6 } + .terminal-37821291-r2 { fill: #e1e1e1 } + .terminal-37821291-r3 { fill: #e1e1e1;font-weight: bold } + .terminal-37821291-r4 { fill: #737373 } + .terminal-37821291-r5 { fill: #474747 } + .terminal-37821291-r6 { fill: #0178d4 } + .terminal-37821291-r7 { fill: #454a50 } + .terminal-37821291-r8 { fill: #e0e0e0 } + .terminal-37821291-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-37821291-r10 { fill: #000000 } + .terminal-37821291-r11 { fill: #1e1e1e } + .terminal-37821291-r12 { fill: #dde0e6 } + .terminal-37821291-r13 { fill: #99a1b3 } + .terminal-37821291-r14 { fill: #dde2e8 } + .terminal-37821291-r15 { fill: #99a7b9 } + .terminal-37821291-r16 { fill: #dde4ea } + .terminal-37821291-r17 { fill: #99adc1 } + .terminal-37821291-r18 { fill: #dde6ed } + .terminal-37821291-r19 { fill: #99b4c9 } + .terminal-37821291-r20 { fill: #23568b } + .terminal-37821291-r21 { fill: #fea62b;font-weight: bold } + .terminal-37821291-r22 { fill: #a7a9ab } + .terminal-37821291-r23 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - ColorsApp + ColorsApp - - - - - Theme ColorsNamed Colors - ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  primary  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary ▎"primary" - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  background ▎$primary-darken-3$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  primary-background ▎$primary-darken-2$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  secondary-background ▎$primary-darken-1$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ -  surface ▎$primary$t - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ - -  d Toggle dark mode + + + + + Theme ColorsNamed Colors + ━╸━━━━━━━━━━━━╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  primary  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  secondary ▎"primary" + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  background ▎$primary-darken-3$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  primary-background ▎$primary-darken-2$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  secondary-background ▎$primary-darken-1$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ +  surface ▎$primary$t + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ + +  d Toggle dark mode  @@ -47797,149 +48115,149 @@ font-weight: 700; } - .terminal-298081443-matrix { + .terminal-3862960447-matrix { font-family: Fira Code, monospace; font-size: 20px; line-height: 24.4px; font-variant-east-asian: full-width; } - .terminal-298081443-title { + .terminal-3862960447-title { font-size: 18px; font-weight: bold; font-family: arial; } - .terminal-298081443-r1 { fill: #454a50 } - .terminal-298081443-r2 { fill: #e1e1e1 } - .terminal-298081443-r3 { fill: #c5c8c6 } - .terminal-298081443-r4 { fill: #24292f;font-weight: bold } - .terminal-298081443-r5 { fill: #262626 } - .terminal-298081443-r6 { fill: #e2e2e2 } - .terminal-298081443-r7 { fill: #000000 } - .terminal-298081443-r8 { fill: #e3e3e3 } - .terminal-298081443-r9 { fill: #e2e3e3;font-weight: bold } - .terminal-298081443-r10 { fill: #14191f } - .terminal-298081443-r11 { fill: #b93c5b } - .terminal-298081443-r12 { fill: #121212 } - .terminal-298081443-r13 { fill: #1e1e1e } - .terminal-298081443-r14 { fill: #fea62b } - .terminal-298081443-r15 { fill: #211505;font-weight: bold } - .terminal-298081443-r16 { fill: #211505 } - .terminal-298081443-r17 { fill: #fea62b;font-weight: bold } - .terminal-298081443-r18 { fill: #a7a9ab } - .terminal-298081443-r19 { fill: #e2e3e3 } + .terminal-3862960447-r1 { fill: #454a50 } + .terminal-3862960447-r2 { fill: #e1e1e1 } + .terminal-3862960447-r3 { fill: #c5c8c6 } + .terminal-3862960447-r4 { fill: #24292f;font-weight: bold } + .terminal-3862960447-r5 { fill: #262626 } + .terminal-3862960447-r6 { fill: #e2e2e2 } + .terminal-3862960447-r7 { fill: #000000 } + .terminal-3862960447-r8 { fill: #e3e3e3 } + .terminal-3862960447-r9 { fill: #e2e3e3;font-weight: bold } + .terminal-3862960447-r10 { fill: #14191f } + .terminal-3862960447-r11 { fill: #b93c5b } + .terminal-3862960447-r12 { fill: #121212 } + .terminal-3862960447-r13 { fill: #1e1e1e } + .terminal-3862960447-r14 { fill: #fea62b } + .terminal-3862960447-r15 { fill: #211505;font-weight: bold } + .terminal-3862960447-r16 { fill: #211505 } + .terminal-3862960447-r17 { fill: #fea62b;font-weight: bold } + .terminal-3862960447-r18 { fill: #a7a9ab } + .terminal-3862960447-r19 { fill: #e2e3e3 } - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - + - EasingApp + EasingApp - - - - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ -  round ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0                       ▎ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ -  out_sine  - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ -  out_quint ▏▎▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ -  out_quart ▏▎I must not fear.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ -  out_quad ▏▎Fear is the ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ -  out_expo ▏▎obliteration.▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ -  out_elastic ▏▎pass over me and ▊ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ - ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ -  out_cubic ▏ - ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input ^b Toggle Dark + + + + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔ +  round ▊▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▎ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁Animation Duration:▊1.0                       ▎ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▊▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▎ +  out_sine  + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ +  out_quint ▏▎▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Welcome to Textual!▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎▊ +  out_quart ▏▎I must not fear.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎Fear is the ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎mind-killer.▊ +  out_quad ▏▎Fear is the ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎little-death that ▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎brings total ▊ +  out_expo ▏▎obliteration.▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎I will face my fear.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎I will permit it to ▊ +  out_elastic ▏▎pass over me and ▊ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▏▎through me.▊ + ▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▏▎And when it has gone ▊ +  out_cubic ▏ + ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ^p Focus: Duration Input  ^b Toggle Dark  From 3f2c7de15c24d6f48f4c40bcfb09be54b89c9084 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 21:57:35 +0100 Subject: [PATCH 18/20] update changelog description --- CHANGELOG.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index ab09fecb25..67f44cd487 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,7 +18,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/). ### Added -- Added `Footer` component style handling of margins/padding for the key https://github.com/Textualize/textual/pull/4651 +- Added `Footer` component style handling of padding for the key/description https://github.com/Textualize/textual/pull/4651 ## [0.72.0] - 2024-07-09 From 6b1fa484b0da638ffc389b3f368f86ca49ef0cc0 Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 22:32:18 +0100 Subject: [PATCH 19/20] remove old commented out code --- src/textual/widgets/_footer.py | 1 - 1 file changed, 1 deletion(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 74214d72c4..37f74692fd 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -96,7 +96,6 @@ def render(self) -> Text: key_style = self.get_component_rich_style("footer-key--key") description_style = self.get_component_rich_style("footer-key--description") key_display = self.key_display - # key_margin = self.get_component_styles("footer-key--key").margin key_padding = self.get_component_styles("footer-key--key").padding description_padding = self.get_component_styles( "footer-key--description" From ae8c1cae54b99b1b64e5987b14aea168de9b31ac Mon Sep 17 00:00:00 2001 From: TomJGooding <101601846+TomJGooding@users.noreply.github.com> Date: Thu, 11 Jul 2024 23:00:52 +0100 Subject: [PATCH 20/20] remove now unnecessary reactive layout update --- src/textual/widgets/_footer.py | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/textual/widgets/_footer.py b/src/textual/widgets/_footer.py index 37f74692fd..09a743ac48 100644 --- a/src/textual/widgets/_footer.py +++ b/src/textual/widgets/_footer.py @@ -75,7 +75,7 @@ class FooterKey(Widget): upper_case_keys = reactive(False) ctrl_to_caret = reactive(True) - compact = reactive(True, layout=True) + compact = reactive(True) def __init__( self,