snapshots

This commit is contained in:
Will McGugan
2024-12-06 16:01:54 +00:00
parent e58141ce70
commit 5f5a38313a
18 changed files with 625 additions and 617 deletions

View File

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
- Added `App.clipboard`
- Added standard cut/copy/paste (ctrl+x, ctrl+c, ctrl+v) bindings to Input / TextArea
- Added `system` boolean to Binding, which hides the binding from the help panel
### Changed

View File

@@ -446,7 +446,7 @@ class App(Generic[ReturnType], DOMNode):
show=False,
priority=True,
),
Binding("ctrl+c", "help_quit"),
Binding("ctrl+c", "help_quit", show=False, system=True),
]
"""The default key bindings."""

View File

@@ -81,6 +81,8 @@ class Binding:
If specified in the App's keymap then Textual will use this ID to lookup the binding,
and substitute the `key` property of the Binding with the key specified in the keymap.
"""
system: bool = False
"""Make this binding a system binding, and hide it from apps."""
def parse_key(self) -> tuple[list[str], str]:
"""Parse a key in to a list of modifiers, and the actual key.
@@ -148,6 +150,7 @@ class Binding:
priority=binding.priority,
tooltip=binding.tooltip,
id=binding.id,
system=binding.system,
)

View File

@@ -71,7 +71,10 @@ class BindingsTable(Static):
action_to_bindings: defaultdict[str, list[tuple[Binding, bool, str]]]
action_to_bindings = defaultdict(list)
for _, binding, enabled, tooltip in table_bindings:
action_to_bindings[binding.action].append((binding, enabled, tooltip))
if not binding.system:
action_to_bindings[binding.action].append(
(binding, enabled, tooltip)
)
description_style = self.get_component_rich_style(
"bindings-table--description"

View File

@@ -268,7 +268,7 @@ TextArea {
| ctrl+w | Delete from cursor to start of the word. |
| delete,ctrl+d | Delete character to the right of cursor. |
| ctrl+f | Delete from cursor to end of the word. |
| ctrl+x | Delete the current line. |
| ctrl+shift+ | Delete the current line. |
| ctrl+u | Delete from cursor to the start of the line. |
| ctrl+k | Delete from cursor to the end of the line. |
| f6 | Select the current line. |

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-25414991-matrix {
.terminal-1862585679-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-25414991-title {
.terminal-1862585679-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-25414991-r1 { fill: #e0e0e0 }
.terminal-25414991-r2 { fill: #c5c8c6 }
.terminal-25414991-r3 { fill: #dde2e8;font-weight: bold }
.terminal-25414991-r4 { fill: #2c648c }
.terminal-1862585679-r1 { fill: #e0e0e0 }
.terminal-1862585679-r2 { fill: #c5c8c6 }
.terminal-1862585679-r3 { fill: #dde2e8;font-weight: bold }
.terminal-1862585679-r4 { fill: #2c648c }
</style>
<defs>
<clipPath id="terminal-25414991-clip-terminal">
<clipPath id="terminal-1862585679-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-25414991-line-0">
<clipPath id="terminal-1862585679-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-1">
<clipPath id="terminal-1862585679-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-2">
<clipPath id="terminal-1862585679-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-3">
<clipPath id="terminal-1862585679-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-4">
<clipPath id="terminal-1862585679-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-5">
<clipPath id="terminal-1862585679-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-6">
<clipPath id="terminal-1862585679-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-7">
<clipPath id="terminal-1862585679-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-8">
<clipPath id="terminal-1862585679-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-9">
<clipPath id="terminal-1862585679-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-10">
<clipPath id="terminal-1862585679-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-11">
<clipPath id="terminal-1862585679-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-12">
<clipPath id="terminal-1862585679-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-13">
<clipPath id="terminal-1862585679-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-14">
<clipPath id="terminal-1862585679-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-15">
<clipPath id="terminal-1862585679-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-16">
<clipPath id="terminal-1862585679-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-17">
<clipPath id="terminal-1862585679-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-18">
<clipPath id="terminal-1862585679-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-19">
<clipPath id="terminal-1862585679-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-20">
<clipPath id="terminal-1862585679-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-21">
<clipPath id="terminal-1862585679-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-25414991-line-22">
<clipPath id="terminal-1862585679-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-25414991-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1862585679-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-25414991-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="48.8" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="268.4" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="317.2" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="817.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="829.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="854" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-25414991-matrix">
<text class="terminal-25414991-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-25414991-line-0)">
</text><text class="terminal-25414991-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-25414991-line-1)">
</text><text class="terminal-25414991-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-25414991-line-2)">
</text><text class="terminal-25414991-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-25414991-line-3)">
</text><text class="terminal-25414991-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-25414991-line-4)">
</text><text class="terminal-25414991-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-25414991-line-5)">
</text><text class="terminal-25414991-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-25414991-line-6)">
</text><text class="terminal-25414991-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-25414991-line-7)">
</text><text class="terminal-25414991-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-25414991-line-8)">
</text><text class="terminal-25414991-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-25414991-line-9)">
</text><text class="terminal-25414991-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-25414991-line-10)">
</text><text class="terminal-25414991-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-25414991-line-11)">
</text><text class="terminal-25414991-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-25414991-line-12)">
</text><text class="terminal-25414991-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-25414991-line-13)">
</text><text class="terminal-25414991-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-25414991-line-14)">
</text><text class="terminal-25414991-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-25414991-line-15)">
</text><text class="terminal-25414991-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-25414991-line-16)">
</text><text class="terminal-25414991-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-25414991-line-17)">
</text><text class="terminal-25414991-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-25414991-line-18)">
</text><text class="terminal-25414991-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-25414991-line-19)">
</text><text class="terminal-25414991-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-25414991-line-20)">
</text><text class="terminal-25414991-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-25414991-line-21)">
</text><text class="terminal-25414991-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-25414991-line-22)">
</text><text class="terminal-25414991-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-25414991-line-23)">&#160;^t&#160;</text><text class="terminal-25414991-r1" x="48.8" y="581.2" textLength="219.6" clip-path="url(#terminal-25414991-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-25414991-r3" x="268.4" y="581.2" textLength="48.8" clip-path="url(#terminal-25414991-line-23)">&#160;^q&#160;</text><text class="terminal-25414991-r1" x="317.2" y="581.2" textLength="500.2" clip-path="url(#terminal-25414991-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-25414991-r4" x="817.4" y="581.2" textLength="12.2" clip-path="url(#terminal-25414991-line-23)"></text><text class="terminal-25414991-r3" x="829.6" y="581.2" textLength="24.4" clip-path="url(#terminal-25414991-line-23)">^p</text><text class="terminal-25414991-r1" x="854" y="581.2" textLength="109.8" clip-path="url(#terminal-25414991-line-23)">&#160;palette&#160;</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-1862585679-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="48.8" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="122" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="170.8" y="562.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="817.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="829.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="854" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-1862585679-matrix">
<text class="terminal-1862585679-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1862585679-line-0)">
</text><text class="terminal-1862585679-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1862585679-line-1)">
</text><text class="terminal-1862585679-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1862585679-line-2)">
</text><text class="terminal-1862585679-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1862585679-line-3)">
</text><text class="terminal-1862585679-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1862585679-line-4)">
</text><text class="terminal-1862585679-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1862585679-line-5)">
</text><text class="terminal-1862585679-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1862585679-line-6)">
</text><text class="terminal-1862585679-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1862585679-line-7)">
</text><text class="terminal-1862585679-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1862585679-line-8)">
</text><text class="terminal-1862585679-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1862585679-line-9)">
</text><text class="terminal-1862585679-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1862585679-line-10)">
</text><text class="terminal-1862585679-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1862585679-line-11)">
</text><text class="terminal-1862585679-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1862585679-line-12)">
</text><text class="terminal-1862585679-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1862585679-line-13)">
</text><text class="terminal-1862585679-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1862585679-line-14)">
</text><text class="terminal-1862585679-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1862585679-line-15)">
</text><text class="terminal-1862585679-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1862585679-line-16)">
</text><text class="terminal-1862585679-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1862585679-line-17)">
</text><text class="terminal-1862585679-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1862585679-line-18)">
</text><text class="terminal-1862585679-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1862585679-line-19)">
</text><text class="terminal-1862585679-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1862585679-line-20)">
</text><text class="terminal-1862585679-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1862585679-line-21)">
</text><text class="terminal-1862585679-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1862585679-line-22)">
</text><text class="terminal-1862585679-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-1862585679-line-23)">&#160;^q&#160;</text><text class="terminal-1862585679-r1" x="48.8" y="581.2" textLength="73.2" clip-path="url(#terminal-1862585679-line-23)">&#160;Quit&#160;</text><text class="terminal-1862585679-r3" x="122" y="581.2" textLength="48.8" clip-path="url(#terminal-1862585679-line-23)">&#160;^t&#160;</text><text class="terminal-1862585679-r1" x="170.8" y="581.2" textLength="646.6" clip-path="url(#terminal-1862585679-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1862585679-r4" x="817.4" y="581.2" textLength="12.2" clip-path="url(#terminal-1862585679-line-23)"></text><text class="terminal-1862585679-r3" x="829.6" y="581.2" textLength="24.4" clip-path="url(#terminal-1862585679-line-23)">^p</text><text class="terminal-1862585679-r1" x="854" y="581.2" textLength="109.8" clip-path="url(#terminal-1862585679-line-23)">&#160;palette&#160;</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-4200977229-matrix {
.terminal-3694805181-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-4200977229-title {
.terminal-3694805181-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-4200977229-r1 { fill: #e0e0e0 }
.terminal-4200977229-r2 { fill: #c5c8c6 }
.terminal-4200977229-r3 { fill: #ffa62b;font-weight: bold }
.terminal-4200977229-r4 { fill: #495259 }
.terminal-3694805181-r1 { fill: #e0e0e0 }
.terminal-3694805181-r2 { fill: #c5c8c6 }
.terminal-3694805181-r3 { fill: #ffa62b;font-weight: bold }
.terminal-3694805181-r4 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-4200977229-clip-terminal">
<clipPath id="terminal-3694805181-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-4200977229-line-0">
<clipPath id="terminal-3694805181-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-1">
<clipPath id="terminal-3694805181-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-2">
<clipPath id="terminal-3694805181-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-3">
<clipPath id="terminal-3694805181-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-4">
<clipPath id="terminal-3694805181-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-5">
<clipPath id="terminal-3694805181-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-6">
<clipPath id="terminal-3694805181-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-7">
<clipPath id="terminal-3694805181-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-8">
<clipPath id="terminal-3694805181-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-9">
<clipPath id="terminal-3694805181-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-10">
<clipPath id="terminal-3694805181-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-11">
<clipPath id="terminal-3694805181-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-12">
<clipPath id="terminal-3694805181-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-13">
<clipPath id="terminal-3694805181-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-14">
<clipPath id="terminal-3694805181-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-15">
<clipPath id="terminal-3694805181-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-16">
<clipPath id="terminal-3694805181-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-17">
<clipPath id="terminal-3694805181-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-18">
<clipPath id="terminal-3694805181-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-19">
<clipPath id="terminal-3694805181-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-20">
<clipPath id="terminal-3694805181-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-21">
<clipPath id="terminal-3694805181-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-4200977229-line-22">
<clipPath id="terminal-3694805181-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4200977229-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3694805181-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-4200977229-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="24.4" y="562.7" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="329.4" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4200977229-matrix">
<text class="terminal-4200977229-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4200977229-line-0)">
</text><text class="terminal-4200977229-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4200977229-line-1)">
</text><text class="terminal-4200977229-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4200977229-line-2)">
</text><text class="terminal-4200977229-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4200977229-line-3)">
</text><text class="terminal-4200977229-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4200977229-line-4)">
</text><text class="terminal-4200977229-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4200977229-line-5)">
</text><text class="terminal-4200977229-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4200977229-line-6)">
</text><text class="terminal-4200977229-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4200977229-line-7)">
</text><text class="terminal-4200977229-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4200977229-line-8)">
</text><text class="terminal-4200977229-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4200977229-line-9)">
</text><text class="terminal-4200977229-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4200977229-line-10)">
</text><text class="terminal-4200977229-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-4200977229-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4200977229-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4200977229-line-11)">
</text><text class="terminal-4200977229-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4200977229-line-12)">
</text><text class="terminal-4200977229-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4200977229-line-13)">
</text><text class="terminal-4200977229-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4200977229-line-14)">
</text><text class="terminal-4200977229-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4200977229-line-15)">
</text><text class="terminal-4200977229-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4200977229-line-16)">
</text><text class="terminal-4200977229-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4200977229-line-17)">
</text><text class="terminal-4200977229-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4200977229-line-18)">
</text><text class="terminal-4200977229-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4200977229-line-19)">
</text><text class="terminal-4200977229-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4200977229-line-20)">
</text><text class="terminal-4200977229-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4200977229-line-21)">
</text><text class="terminal-4200977229-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4200977229-line-22)">
</text><text class="terminal-4200977229-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-4200977229-line-23)">^t</text><text class="terminal-4200977229-r1" x="24.4" y="581.2" textLength="280.6" clip-path="url(#terminal-4200977229-line-23)">&#160;Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-4200977229-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-4200977229-line-23)">^q</text><text class="terminal-4200977229-r1" x="329.4" y="581.2" textLength="500.2" clip-path="url(#terminal-4200977229-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4200977229-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-4200977229-line-23)"></text><text class="terminal-4200977229-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4200977229-line-23)">^p</text><text class="terminal-4200977229-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4200977229-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3694805181-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="24.4" y="562.7" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3694805181-matrix">
<text class="terminal-3694805181-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3694805181-line-0)">
</text><text class="terminal-3694805181-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3694805181-line-1)">
</text><text class="terminal-3694805181-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3694805181-line-2)">
</text><text class="terminal-3694805181-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3694805181-line-3)">
</text><text class="terminal-3694805181-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3694805181-line-4)">
</text><text class="terminal-3694805181-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3694805181-line-5)">
</text><text class="terminal-3694805181-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3694805181-line-6)">
</text><text class="terminal-3694805181-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3694805181-line-7)">
</text><text class="terminal-3694805181-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3694805181-line-8)">
</text><text class="terminal-3694805181-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3694805181-line-9)">
</text><text class="terminal-3694805181-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3694805181-line-10)">
</text><text class="terminal-3694805181-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3694805181-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3694805181-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3694805181-line-11)">
</text><text class="terminal-3694805181-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3694805181-line-12)">
</text><text class="terminal-3694805181-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3694805181-line-13)">
</text><text class="terminal-3694805181-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3694805181-line-14)">
</text><text class="terminal-3694805181-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3694805181-line-15)">
</text><text class="terminal-3694805181-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3694805181-line-16)">
</text><text class="terminal-3694805181-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3694805181-line-17)">
</text><text class="terminal-3694805181-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3694805181-line-18)">
</text><text class="terminal-3694805181-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3694805181-line-19)">
</text><text class="terminal-3694805181-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3694805181-line-20)">
</text><text class="terminal-3694805181-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3694805181-line-21)">
</text><text class="terminal-3694805181-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3694805181-line-22)">
</text><text class="terminal-3694805181-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-3694805181-line-23)">^t</text><text class="terminal-3694805181-r1" x="24.4" y="581.2" textLength="805.2" clip-path="url(#terminal-3694805181-line-23)">&#160;Toggle&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3694805181-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3694805181-line-23)"></text><text class="terminal-3694805181-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3694805181-line-23)">^p</text><text class="terminal-3694805181-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3694805181-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-2618956252-matrix {
.terminal-2309719869-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-2618956252-title {
.terminal-2309719869-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-2618956252-r1 { fill: #e0e0e0 }
.terminal-2618956252-r2 { fill: #c5c8c6 }
.terminal-2618956252-r3 { fill: #ffa62b;font-weight: bold }
.terminal-2618956252-r4 { fill: #495259 }
.terminal-2309719869-r1 { fill: #e0e0e0 }
.terminal-2309719869-r2 { fill: #c5c8c6 }
.terminal-2309719869-r3 { fill: #ffa62b;font-weight: bold }
.terminal-2309719869-r4 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-2618956252-clip-terminal">
<clipPath id="terminal-2309719869-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-2618956252-line-0">
<clipPath id="terminal-2309719869-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-1">
<clipPath id="terminal-2309719869-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-2">
<clipPath id="terminal-2309719869-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-3">
<clipPath id="terminal-2309719869-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-4">
<clipPath id="terminal-2309719869-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-5">
<clipPath id="terminal-2309719869-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-6">
<clipPath id="terminal-2309719869-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-7">
<clipPath id="terminal-2309719869-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-8">
<clipPath id="terminal-2309719869-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-9">
<clipPath id="terminal-2309719869-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-10">
<clipPath id="terminal-2309719869-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-11">
<clipPath id="terminal-2309719869-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-12">
<clipPath id="terminal-2309719869-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-13">
<clipPath id="terminal-2309719869-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-14">
<clipPath id="terminal-2309719869-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-15">
<clipPath id="terminal-2309719869-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-16">
<clipPath id="terminal-2309719869-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-17">
<clipPath id="terminal-2309719869-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-18">
<clipPath id="terminal-2309719869-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-19">
<clipPath id="terminal-2309719869-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-20">
<clipPath id="terminal-2309719869-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-21">
<clipPath id="terminal-2309719869-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-2618956252-line-22">
<clipPath id="terminal-2309719869-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2618956252-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2309719869-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-2618956252-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="329.4" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2618956252-matrix">
<text class="terminal-2618956252-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2618956252-line-0)">
</text><text class="terminal-2618956252-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2618956252-line-1)">
</text><text class="terminal-2618956252-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2618956252-line-2)">
</text><text class="terminal-2618956252-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2618956252-line-3)">
</text><text class="terminal-2618956252-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2618956252-line-4)">
</text><text class="terminal-2618956252-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2618956252-line-5)">
</text><text class="terminal-2618956252-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2618956252-line-6)">
</text><text class="terminal-2618956252-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2618956252-line-7)">
</text><text class="terminal-2618956252-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2618956252-line-8)">
</text><text class="terminal-2618956252-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2618956252-line-9)">
</text><text class="terminal-2618956252-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2618956252-line-10)">
</text><text class="terminal-2618956252-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2618956252-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2618956252-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2618956252-line-11)">
</text><text class="terminal-2618956252-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2618956252-line-12)">
</text><text class="terminal-2618956252-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2618956252-line-13)">
</text><text class="terminal-2618956252-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2618956252-line-14)">
</text><text class="terminal-2618956252-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2618956252-line-15)">
</text><text class="terminal-2618956252-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2618956252-line-16)">
</text><text class="terminal-2618956252-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2618956252-line-17)">
</text><text class="terminal-2618956252-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2618956252-line-18)">
</text><text class="terminal-2618956252-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2618956252-line-19)">
</text><text class="terminal-2618956252-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2618956252-line-20)">
</text><text class="terminal-2618956252-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2618956252-line-21)">
</text><text class="terminal-2618956252-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2618956252-line-22)">
</text><text class="terminal-2618956252-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-2618956252-line-23)">^t</text><text class="terminal-2618956252-r1" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-2618956252-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-2618956252-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-2618956252-line-23)">^q</text><text class="terminal-2618956252-r1" x="329.4" y="581.2" textLength="500.2" clip-path="url(#terminal-2618956252-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2618956252-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2618956252-line-23)"></text><text class="terminal-2618956252-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2618956252-line-23)">^p</text><text class="terminal-2618956252-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2618956252-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-2309719869-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="292.8" y="562.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-2309719869-matrix">
<text class="terminal-2309719869-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2309719869-line-0)">
</text><text class="terminal-2309719869-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2309719869-line-1)">
</text><text class="terminal-2309719869-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2309719869-line-2)">
</text><text class="terminal-2309719869-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2309719869-line-3)">
</text><text class="terminal-2309719869-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2309719869-line-4)">
</text><text class="terminal-2309719869-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2309719869-line-5)">
</text><text class="terminal-2309719869-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2309719869-line-6)">
</text><text class="terminal-2309719869-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2309719869-line-7)">
</text><text class="terminal-2309719869-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2309719869-line-8)">
</text><text class="terminal-2309719869-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2309719869-line-9)">
</text><text class="terminal-2309719869-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2309719869-line-10)">
</text><text class="terminal-2309719869-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2309719869-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2309719869-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2309719869-line-11)">
</text><text class="terminal-2309719869-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2309719869-line-12)">
</text><text class="terminal-2309719869-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2309719869-line-13)">
</text><text class="terminal-2309719869-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2309719869-line-14)">
</text><text class="terminal-2309719869-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2309719869-line-15)">
</text><text class="terminal-2309719869-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2309719869-line-16)">
</text><text class="terminal-2309719869-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2309719869-line-17)">
</text><text class="terminal-2309719869-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2309719869-line-18)">
</text><text class="terminal-2309719869-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2309719869-line-19)">
</text><text class="terminal-2309719869-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2309719869-line-20)">
</text><text class="terminal-2309719869-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2309719869-line-21)">
</text><text class="terminal-2309719869-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2309719869-line-22)">
</text><text class="terminal-2309719869-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-2309719869-line-23)">^t</text><text class="terminal-2309719869-r1" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-2309719869-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-2309719869-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2309719869-line-23)"></text><text class="terminal-2309719869-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2309719869-line-23)">^p</text><text class="terminal-2309719869-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2309719869-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-368038807-matrix {
.terminal-753549575-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-368038807-title {
.terminal-753549575-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-368038807-r1 { fill: #e0e0e0 }
.terminal-368038807-r2 { fill: #c5c8c6 }
.terminal-368038807-r3 { fill: #ffa62b;font-weight: bold }
.terminal-368038807-r4 { fill: #495259 }
.terminal-753549575-r1 { fill: #e0e0e0 }
.terminal-753549575-r2 { fill: #c5c8c6 }
.terminal-753549575-r3 { fill: #ffa62b;font-weight: bold }
.terminal-753549575-r4 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-368038807-clip-terminal">
<clipPath id="terminal-753549575-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-368038807-line-0">
<clipPath id="terminal-753549575-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-1">
<clipPath id="terminal-753549575-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-2">
<clipPath id="terminal-753549575-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-3">
<clipPath id="terminal-753549575-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-4">
<clipPath id="terminal-753549575-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-5">
<clipPath id="terminal-753549575-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-6">
<clipPath id="terminal-753549575-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-7">
<clipPath id="terminal-753549575-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-8">
<clipPath id="terminal-753549575-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-9">
<clipPath id="terminal-753549575-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-10">
<clipPath id="terminal-753549575-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-11">
<clipPath id="terminal-753549575-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-12">
<clipPath id="terminal-753549575-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-13">
<clipPath id="terminal-753549575-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-14">
<clipPath id="terminal-753549575-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-15">
<clipPath id="terminal-753549575-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-16">
<clipPath id="terminal-753549575-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-17">
<clipPath id="terminal-753549575-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-18">
<clipPath id="terminal-753549575-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-19">
<clipPath id="terminal-753549575-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-20">
<clipPath id="terminal-753549575-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-21">
<clipPath id="terminal-753549575-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-368038807-line-22">
<clipPath id="terminal-753549575-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-368038807-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-753549575-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-368038807-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="366" y="562.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-368038807-matrix">
<text class="terminal-368038807-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-368038807-line-0)">
</text><text class="terminal-368038807-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-368038807-line-1)">
</text><text class="terminal-368038807-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-368038807-line-2)">
</text><text class="terminal-368038807-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-368038807-line-3)">
</text><text class="terminal-368038807-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-368038807-line-4)">
</text><text class="terminal-368038807-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-368038807-line-5)">
</text><text class="terminal-368038807-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-368038807-line-6)">
</text><text class="terminal-368038807-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-368038807-line-7)">
</text><text class="terminal-368038807-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-368038807-line-8)">
</text><text class="terminal-368038807-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-368038807-line-9)">
</text><text class="terminal-368038807-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-368038807-line-10)">
</text><text class="terminal-368038807-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-368038807-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-368038807-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-368038807-line-11)">
</text><text class="terminal-368038807-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-368038807-line-12)">
</text><text class="terminal-368038807-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-368038807-line-13)">
</text><text class="terminal-368038807-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-368038807-line-14)">
</text><text class="terminal-368038807-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-368038807-line-15)">
</text><text class="terminal-368038807-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-368038807-line-16)">
</text><text class="terminal-368038807-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-368038807-line-17)">
</text><text class="terminal-368038807-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-368038807-line-18)">
</text><text class="terminal-368038807-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-368038807-line-19)">
</text><text class="terminal-368038807-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-368038807-line-20)">
</text><text class="terminal-368038807-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-368038807-line-21)">
</text><text class="terminal-368038807-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-368038807-line-22)">
</text><text class="terminal-368038807-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-368038807-line-23)">&#160;^t&#160;</text><text class="terminal-368038807-r1" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-368038807-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-368038807-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-368038807-line-23)">&#160;^q&#160;</text><text class="terminal-368038807-r1" x="366" y="581.2" textLength="463.6" clip-path="url(#terminal-368038807-line-23)">Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-368038807-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-368038807-line-23)"></text><text class="terminal-368038807-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-368038807-line-23)">^p</text><text class="terminal-368038807-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-368038807-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-753549575-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="48.8" y="562.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-753549575-matrix">
<text class="terminal-753549575-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-753549575-line-0)">
</text><text class="terminal-753549575-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-753549575-line-1)">
</text><text class="terminal-753549575-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-753549575-line-2)">
</text><text class="terminal-753549575-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-753549575-line-3)">
</text><text class="terminal-753549575-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-753549575-line-4)">
</text><text class="terminal-753549575-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-753549575-line-5)">
</text><text class="terminal-753549575-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-753549575-line-6)">
</text><text class="terminal-753549575-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-753549575-line-7)">
</text><text class="terminal-753549575-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-753549575-line-8)">
</text><text class="terminal-753549575-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-753549575-line-9)">
</text><text class="terminal-753549575-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-753549575-line-10)">
</text><text class="terminal-753549575-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-753549575-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-753549575-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-753549575-line-11)">
</text><text class="terminal-753549575-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-753549575-line-12)">
</text><text class="terminal-753549575-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-753549575-line-13)">
</text><text class="terminal-753549575-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-753549575-line-14)">
</text><text class="terminal-753549575-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-753549575-line-15)">
</text><text class="terminal-753549575-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-753549575-line-16)">
</text><text class="terminal-753549575-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-753549575-line-17)">
</text><text class="terminal-753549575-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-753549575-line-18)">
</text><text class="terminal-753549575-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-753549575-line-19)">
</text><text class="terminal-753549575-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-753549575-line-20)">
</text><text class="terminal-753549575-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-753549575-line-21)">
</text><text class="terminal-753549575-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-753549575-line-22)">
</text><text class="terminal-753549575-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-753549575-line-23)">&#160;^t&#160;</text><text class="terminal-753549575-r1" x="48.8" y="581.2" textLength="780.8" clip-path="url(#terminal-753549575-line-23)">Toggle&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-753549575-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-753549575-line-23)"></text><text class="terminal-753549575-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-753549575-line-23)">^p</text><text class="terminal-753549575-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-753549575-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-177918869-matrix {
.terminal-3286534023-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-177918869-title {
.terminal-3286534023-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-177918869-r1 { fill: #e0e0e0 }
.terminal-177918869-r2 { fill: #c5c8c6 }
.terminal-177918869-r3 { fill: #ffa62b;font-weight: bold }
.terminal-177918869-r4 { fill: #495259 }
.terminal-3286534023-r1 { fill: #e0e0e0 }
.terminal-3286534023-r2 { fill: #c5c8c6 }
.terminal-3286534023-r3 { fill: #ffa62b;font-weight: bold }
.terminal-3286534023-r4 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-177918869-clip-terminal">
<clipPath id="terminal-3286534023-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-177918869-line-0">
<clipPath id="terminal-3286534023-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-1">
<clipPath id="terminal-3286534023-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-2">
<clipPath id="terminal-3286534023-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-3">
<clipPath id="terminal-3286534023-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-4">
<clipPath id="terminal-3286534023-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-5">
<clipPath id="terminal-3286534023-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-6">
<clipPath id="terminal-3286534023-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-7">
<clipPath id="terminal-3286534023-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-8">
<clipPath id="terminal-3286534023-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-9">
<clipPath id="terminal-3286534023-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-10">
<clipPath id="terminal-3286534023-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-11">
<clipPath id="terminal-3286534023-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-12">
<clipPath id="terminal-3286534023-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-13">
<clipPath id="terminal-3286534023-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-14">
<clipPath id="terminal-3286534023-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-15">
<clipPath id="terminal-3286534023-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-16">
<clipPath id="terminal-3286534023-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-17">
<clipPath id="terminal-3286534023-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-18">
<clipPath id="terminal-3286534023-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-19">
<clipPath id="terminal-3286534023-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-20">
<clipPath id="terminal-3286534023-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-21">
<clipPath id="terminal-3286534023-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-177918869-line-22">
<clipPath id="terminal-3286534023-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-177918869-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3286534023-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-177918869-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="366" y="562.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-177918869-matrix">
<text class="terminal-177918869-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-177918869-line-0)">
</text><text class="terminal-177918869-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-177918869-line-1)">
</text><text class="terminal-177918869-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-177918869-line-2)">
</text><text class="terminal-177918869-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-177918869-line-3)">
</text><text class="terminal-177918869-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-177918869-line-4)">
</text><text class="terminal-177918869-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-177918869-line-5)">
</text><text class="terminal-177918869-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-177918869-line-6)">
</text><text class="terminal-177918869-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-177918869-line-7)">
</text><text class="terminal-177918869-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-177918869-line-8)">
</text><text class="terminal-177918869-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-177918869-line-9)">
</text><text class="terminal-177918869-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-177918869-line-10)">
</text><text class="terminal-177918869-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-177918869-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-177918869-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-177918869-line-11)">
</text><text class="terminal-177918869-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-177918869-line-12)">
</text><text class="terminal-177918869-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-177918869-line-13)">
</text><text class="terminal-177918869-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-177918869-line-14)">
</text><text class="terminal-177918869-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-177918869-line-15)">
</text><text class="terminal-177918869-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-177918869-line-16)">
</text><text class="terminal-177918869-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-177918869-line-17)">
</text><text class="terminal-177918869-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-177918869-line-18)">
</text><text class="terminal-177918869-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-177918869-line-19)">
</text><text class="terminal-177918869-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-177918869-line-20)">
</text><text class="terminal-177918869-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-177918869-line-21)">
</text><text class="terminal-177918869-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-177918869-line-22)">
</text><text class="terminal-177918869-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-177918869-line-23)">&#160;^t&#160;</text><text class="terminal-177918869-r1" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-177918869-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-177918869-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-177918869-line-23)">&#160;^q&#160;</text><text class="terminal-177918869-r1" x="366" y="581.2" textLength="463.6" clip-path="url(#terminal-177918869-line-23)">Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-177918869-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-177918869-line-23)"></text><text class="terminal-177918869-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-177918869-line-23)">^p</text><text class="terminal-177918869-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-177918869-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-3286534023-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e3841" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="317.2" y="562.7" width="512.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-3286534023-matrix">
<text class="terminal-3286534023-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3286534023-line-0)">
</text><text class="terminal-3286534023-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3286534023-line-1)">
</text><text class="terminal-3286534023-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3286534023-line-2)">
</text><text class="terminal-3286534023-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3286534023-line-3)">
</text><text class="terminal-3286534023-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3286534023-line-4)">
</text><text class="terminal-3286534023-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3286534023-line-5)">
</text><text class="terminal-3286534023-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3286534023-line-6)">
</text><text class="terminal-3286534023-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3286534023-line-7)">
</text><text class="terminal-3286534023-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3286534023-line-8)">
</text><text class="terminal-3286534023-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3286534023-line-9)">
</text><text class="terminal-3286534023-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3286534023-line-10)">
</text><text class="terminal-3286534023-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3286534023-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3286534023-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3286534023-line-11)">
</text><text class="terminal-3286534023-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3286534023-line-12)">
</text><text class="terminal-3286534023-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3286534023-line-13)">
</text><text class="terminal-3286534023-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3286534023-line-14)">
</text><text class="terminal-3286534023-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3286534023-line-15)">
</text><text class="terminal-3286534023-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3286534023-line-16)">
</text><text class="terminal-3286534023-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3286534023-line-17)">
</text><text class="terminal-3286534023-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3286534023-line-18)">
</text><text class="terminal-3286534023-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3286534023-line-19)">
</text><text class="terminal-3286534023-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3286534023-line-20)">
</text><text class="terminal-3286534023-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3286534023-line-21)">
</text><text class="terminal-3286534023-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3286534023-line-22)">
</text><text class="terminal-3286534023-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-3286534023-line-23)">&#160;^t&#160;</text><text class="terminal-3286534023-r1" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-3286534023-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-3286534023-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3286534023-line-23)"></text><text class="terminal-3286534023-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3286534023-line-23)">^p</text><text class="terminal-3286534023-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3286534023-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 52 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -19,134 +19,134 @@
font-weight: 700;
}
.terminal-457306101-matrix {
.terminal-4070961141-matrix {
font-family: Fira Code, monospace;
font-size: 20px;
line-height: 24.4px;
font-variant-east-asian: full-width;
}
.terminal-457306101-title {
.terminal-4070961141-title {
font-size: 18px;
font-weight: bold;
font-family: arial;
}
.terminal-457306101-r1 { fill: #e0e0e0 }
.terminal-457306101-r2 { fill: #c5c8c6 }
.terminal-457306101-r3 { fill: #ffa62b;font-weight: bold }
.terminal-457306101-r4 { fill: #495259 }
.terminal-4070961141-r1 { fill: #e0e0e0 }
.terminal-4070961141-r2 { fill: #c5c8c6 }
.terminal-4070961141-r3 { fill: #ffa62b;font-weight: bold }
.terminal-4070961141-r4 { fill: #495259 }
</style>
<defs>
<clipPath id="terminal-457306101-clip-terminal">
<clipPath id="terminal-4070961141-clip-terminal">
<rect x="0" y="0" width="975.0" height="584.5999999999999" />
</clipPath>
<clipPath id="terminal-457306101-line-0">
<clipPath id="terminal-4070961141-line-0">
<rect x="0" y="1.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-1">
<clipPath id="terminal-4070961141-line-1">
<rect x="0" y="25.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-2">
<clipPath id="terminal-4070961141-line-2">
<rect x="0" y="50.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-3">
<clipPath id="terminal-4070961141-line-3">
<rect x="0" y="74.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-4">
<clipPath id="terminal-4070961141-line-4">
<rect x="0" y="99.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-5">
<clipPath id="terminal-4070961141-line-5">
<rect x="0" y="123.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-6">
<clipPath id="terminal-4070961141-line-6">
<rect x="0" y="147.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-7">
<clipPath id="terminal-4070961141-line-7">
<rect x="0" y="172.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-8">
<clipPath id="terminal-4070961141-line-8">
<rect x="0" y="196.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-9">
<clipPath id="terminal-4070961141-line-9">
<rect x="0" y="221.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-10">
<clipPath id="terminal-4070961141-line-10">
<rect x="0" y="245.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-11">
<clipPath id="terminal-4070961141-line-11">
<rect x="0" y="269.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-12">
<clipPath id="terminal-4070961141-line-12">
<rect x="0" y="294.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-13">
<clipPath id="terminal-4070961141-line-13">
<rect x="0" y="318.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-14">
<clipPath id="terminal-4070961141-line-14">
<rect x="0" y="343.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-15">
<clipPath id="terminal-4070961141-line-15">
<rect x="0" y="367.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-16">
<clipPath id="terminal-4070961141-line-16">
<rect x="0" y="391.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-17">
<clipPath id="terminal-4070961141-line-17">
<rect x="0" y="416.3" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-18">
<clipPath id="terminal-4070961141-line-18">
<rect x="0" y="440.7" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-19">
<clipPath id="terminal-4070961141-line-19">
<rect x="0" y="465.1" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-20">
<clipPath id="terminal-4070961141-line-20">
<rect x="0" y="489.5" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-21">
<clipPath id="terminal-4070961141-line-21">
<rect x="0" y="513.9" width="976" height="24.65"/>
</clipPath>
<clipPath id="terminal-457306101-line-22">
<clipPath id="terminal-4070961141-line-22">
<rect x="0" y="538.3" width="976" height="24.65"/>
</clipPath>
</defs>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-457306101-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</text>
<rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4070961141-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</text>
<g transform="translate(26,22)">
<circle cx="0" cy="0" r="7" fill="#ff5f57"/>
<circle cx="22" cy="0" r="7" fill="#febc2e"/>
<circle cx="44" cy="0" r="7" fill="#28c840"/>
</g>
<g transform="translate(9, 41)" clip-path="url(#terminal-457306101-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="146.4" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="195.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="305" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="366" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="451.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="488" y="562.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-457306101-matrix">
<text class="terminal-457306101-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-457306101-line-0)">
</text><text class="terminal-457306101-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-457306101-line-1)">
</text><text class="terminal-457306101-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-457306101-line-2)">
</text><text class="terminal-457306101-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-457306101-line-3)">
</text><text class="terminal-457306101-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-457306101-line-4)">
</text><text class="terminal-457306101-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-457306101-line-5)">
</text><text class="terminal-457306101-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-457306101-line-6)">
</text><text class="terminal-457306101-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-457306101-line-7)">
</text><text class="terminal-457306101-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-457306101-line-8)">
</text><text class="terminal-457306101-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-457306101-line-9)">
</text><text class="terminal-457306101-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-457306101-line-10)">
</text><text class="terminal-457306101-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-457306101-line-11)">
</text><text class="terminal-457306101-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-457306101-line-12)">
</text><text class="terminal-457306101-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-457306101-line-13)">
</text><text class="terminal-457306101-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-457306101-line-14)">
</text><text class="terminal-457306101-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-457306101-line-15)">
</text><text class="terminal-457306101-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-457306101-line-16)">
</text><text class="terminal-457306101-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-457306101-line-17)">
</text><text class="terminal-457306101-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-457306101-line-18)">
</text><text class="terminal-457306101-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-457306101-line-19)">
</text><text class="terminal-457306101-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-457306101-line-20)">
</text><text class="terminal-457306101-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-457306101-line-21)">
</text><text class="terminal-457306101-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-457306101-line-22)">
</text><text class="terminal-457306101-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-457306101-line-23)">&#160;?&#160;</text><text class="terminal-457306101-r1" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-457306101-line-23)">Question&#160;</text><text class="terminal-457306101-r3" x="146.4" y="581.2" textLength="48.8" clip-path="url(#terminal-457306101-line-23)">&#160;^q&#160;</text><text class="terminal-457306101-r1" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-457306101-line-23)">Quit&#160;app&#160;</text><text class="terminal-457306101-r3" x="305" y="581.2" textLength="61" clip-path="url(#terminal-457306101-line-23)">&#160;esc&#160;</text><text class="terminal-457306101-r1" x="366" y="581.2" textLength="85.4" clip-path="url(#terminal-457306101-line-23)">Escape&#160;</text><text class="terminal-457306101-r3" x="451.4" y="581.2" textLength="36.6" clip-path="url(#terminal-457306101-line-23)">&#160;a&#160;</text><text class="terminal-457306101-r1" x="488" y="581.2" textLength="341.6" clip-path="url(#terminal-457306101-line-23)">Letter&#160;A&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-457306101-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-457306101-line-23)"></text><text class="terminal-457306101-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-457306101-line-23)">^p</text><text class="terminal-457306101-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-457306101-line-23)">&#160;palette</text>
<g transform="translate(9, 41)" clip-path="url(#terminal-4070961141-clip-terminal)">
<rect fill="#121212" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="48.8" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="158.6" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="195.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="305" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="366" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="451.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="488" y="562.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#242f38" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
<g class="terminal-4070961141-matrix">
<text class="terminal-4070961141-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4070961141-line-0)">
</text><text class="terminal-4070961141-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4070961141-line-1)">
</text><text class="terminal-4070961141-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4070961141-line-2)">
</text><text class="terminal-4070961141-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4070961141-line-3)">
</text><text class="terminal-4070961141-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4070961141-line-4)">
</text><text class="terminal-4070961141-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4070961141-line-5)">
</text><text class="terminal-4070961141-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4070961141-line-6)">
</text><text class="terminal-4070961141-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4070961141-line-7)">
</text><text class="terminal-4070961141-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4070961141-line-8)">
</text><text class="terminal-4070961141-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4070961141-line-9)">
</text><text class="terminal-4070961141-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4070961141-line-10)">
</text><text class="terminal-4070961141-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4070961141-line-11)">
</text><text class="terminal-4070961141-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4070961141-line-12)">
</text><text class="terminal-4070961141-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4070961141-line-13)">
</text><text class="terminal-4070961141-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4070961141-line-14)">
</text><text class="terminal-4070961141-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4070961141-line-15)">
</text><text class="terminal-4070961141-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4070961141-line-16)">
</text><text class="terminal-4070961141-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4070961141-line-17)">
</text><text class="terminal-4070961141-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4070961141-line-18)">
</text><text class="terminal-4070961141-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4070961141-line-19)">
</text><text class="terminal-4070961141-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4070961141-line-20)">
</text><text class="terminal-4070961141-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4070961141-line-21)">
</text><text class="terminal-4070961141-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4070961141-line-22)">
</text><text class="terminal-4070961141-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-4070961141-line-23)">&#160;^q&#160;</text><text class="terminal-4070961141-r1" x="48.8" y="581.2" textLength="109.8" clip-path="url(#terminal-4070961141-line-23)">Quit&#160;app&#160;</text><text class="terminal-4070961141-r3" x="158.6" y="581.2" textLength="36.6" clip-path="url(#terminal-4070961141-line-23)">&#160;?&#160;</text><text class="terminal-4070961141-r1" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-4070961141-line-23)">Question&#160;</text><text class="terminal-4070961141-r3" x="305" y="581.2" textLength="61" clip-path="url(#terminal-4070961141-line-23)">&#160;esc&#160;</text><text class="terminal-4070961141-r1" x="366" y="581.2" textLength="85.4" clip-path="url(#terminal-4070961141-line-23)">Escape&#160;</text><text class="terminal-4070961141-r3" x="451.4" y="581.2" textLength="36.6" clip-path="url(#terminal-4070961141-line-23)">&#160;a&#160;</text><text class="terminal-4070961141-r1" x="488" y="581.2" textLength="341.6" clip-path="url(#terminal-4070961141-line-23)">Letter&#160;A&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4070961141-r4" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-4070961141-line-23)"></text><text class="terminal-4070961141-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4070961141-line-23)">^p</text><text class="terminal-4070961141-r1" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4070961141-line-23)">&#160;palette</text>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 32 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 28 KiB

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -11,7 +11,6 @@ class ToggleCompactFooterApp(App):
BINDINGS = [
("ctrl+t", "toggle_compact_footer", "Toggle Compact Footer"),
("ctrl+q", "quit", "Quit"),
]
def compose(self) -> ComposeResult:

View File

@@ -40,10 +40,11 @@ async def test_just_app_no_bindings() -> None:
"""An app with no bindings should have no bindings, other than the app's hard-coded ones."""
async with NoBindings().run_test() as pilot:
assert list(pilot.app._bindings.key_to_bindings.keys()) == [
"ctrl+q",
"ctrl+c",
"ctrl+p",
]
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("ctrl+q")[0].priority is True
##############################################################################
@@ -65,9 +66,9 @@ async def test_just_app_alpha_binding() -> None:
"""An app with a single binding should have just the one binding."""
async with AlphaBinding().run_test() as pilot:
assert sorted(pilot.app._bindings.key_to_bindings.keys()) == sorted(
["ctrl+c", "ctrl+p", "a"]
["ctrl+c", "ctrl+p", "ctrl+q", "a"]
)
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("ctrl+q")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("a")[0].priority is True
@@ -89,9 +90,9 @@ async def test_just_app_low_priority_alpha_binding() -> None:
"""An app with a single low-priority binding should have just the one binding."""
async with LowAlphaBinding().run_test() as pilot:
assert sorted(pilot.app._bindings.key_to_bindings.keys()) == sorted(
["ctrl+c", "ctrl+p", "a"]
["ctrl+c", "ctrl+p", "ctrl+q", "a"]
)
assert pilot.app._bindings.get_bindings_for_key("ctrl+c")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("ctrl+q")[0].priority is True
assert pilot.app._bindings.get_bindings_for_key("a")[0].priority is False

View File

@@ -184,7 +184,7 @@ async def test_delete_line(selection, expected_result):
text_area.load_text("0123456789")
text_area.selection = selection
await pilot.press("ctrl+x")
await pilot.press("ctrl+shift+x")
assert text_area.selection == Selection.cursor((0, 0))
assert text_area.text == expected_result
@@ -219,7 +219,7 @@ async def test_delete_line_multiline_document(selection, expected_result):
text_area.load_text("012\n345\n678\n9\n")
text_area.selection = selection
await pilot.press("ctrl+x")
await pilot.press("ctrl+shift+x")
cursor_row, cursor_column = text_area.cursor_location
assert text_area.selection == Selection.cursor((cursor_row, cursor_column))