compact snapshot

Author: willmcgugan

CHANGELOG.md

@@ -14,7 +14,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Added
 
 - Added `toggle_class` parameter to reactives
-- Added `compact` parameter and reactive to `Button`, `Input`, `ToggleButton`, `RadioSet`, `OptionList`
+- Added `compact` parameter and reactive to `Button`, `Input`, `ToggleButton`, `RadioSet`, `OptionList`, `TextArea`
 
 ### Changed
 

src/textual/widgets/_text_area.py

@@ -113,6 +113,9 @@ class TextArea(ScrollView):
     padding: 0 1;
     color: $foreground;
     background: $surface;
+    &.-textual-compact {
+        border: none !important;
+    }
     & .text-area--cursor {
         text-style: $input-cursor-text-style;
     }
@@ -368,6 +371,9 @@ class TextArea(ScrollView):
     The document can still be edited programmatically via the API.
     """
 
+    compact: reactive[bool] = reactive(False, toggle_class="-textual-compact")
+    """Enable compact display?"""
+
     _cursor_visible: Reactive[bool] = reactive(False, repaint=False, init=False)
     """Indicates where the cursor is in the blink cycle. If it's currently
     not visible due to blinking, this is False."""
@@ -420,6 +426,7 @@ def __init__(
         classes: str | None = None,
         disabled: bool = False,
         tooltip: RenderableType | None = None,
+        compact: bool = False,
     ) -> None:
         """Construct a new `TextArea`.
 
@@ -438,6 +445,7 @@ def __init__(
             classes: One or more Textual CSS compatible class names separated by spaces.
             disabled: True if the widget is disabled.
             tooltip: Optional tooltip.
+            compact: Enable compact style (without borders).
         """
         super().__init__(name=name, id=id, classes=classes, disabled=disabled)
 
@@ -512,6 +520,8 @@ def __init__(
         if tooltip is not None:
             self.tooltip = tooltip
 
+        self.compact = compact
+
     @classmethod
     def code_editor(
         cls,
@@ -530,6 +540,7 @@ def code_editor(
         classes: str | None = None,
         disabled: bool = False,
         tooltip: RenderableType | None = None,
+        compact: bool = False,
     ) -> TextArea:
         """Construct a new `TextArea` with sensible defaults for editing code.
 
@@ -549,6 +560,7 @@ def code_editor(
             classes: One or more Textual CSS compatible class names separated by spaces.
             disabled: True if the widget is disabled.
             tooltip: Optional tooltip
+            compact: Enable compact style (without borders).
         """
         return cls(
             text,
@@ -565,6 +577,7 @@ def code_editor(
             classes=classes,
             disabled=disabled,
             tooltip=tooltip,
+            compact=compact,
         )
 
     @staticmethod

tests/snapshot_tests/test_snapshots.py

@@ -4021,3 +4021,36 @@ def compose(self) -> ComposeResult:
             yield Label("Hello, World")
 
     assert snap_compare(TintApp())
+
+
+def test_compact(snap_compare):
+    """Test compact styles.
+
+    You should see a screen split vertically.
+
+    The left side has regular widgets, the right side has the corresponding compact widgets.
+
+    """
+
+    class CompactApp(App):
+
+        def compose(self) -> ComposeResult:
+            with Horizontal():
+
+                with Vertical():
+                    yield Button("Foo")
+                    yield Input("hello")
+                    yield Select.from_values(["Foo", "Bar"])
+                    yield RadioSet("FOO", "BAR")
+                    yield SelectionList(("FOO", "FOO"), ("BAR", "BAR"))
+                    yield TextArea("Edit me")
+
+                with Vertical():
+                    yield Button("Bar", compact=True)
+                    yield Input("world", compact=True)
+                    yield Select.from_values(["Foo", "Bar"], compact=True)
+                    yield RadioSet("FOO", "BAR", compact=True)
+                    yield SelectionList(("FOO", "FOO"), ("BAR", "BAR"), compact=True)
+                    yield TextArea("Edit me", compact=True)
+
+    assert snap_compare(CompactApp())