Merge pull request #5335 from Textualize/tab-border

added tab border style

Author: willmcgugan

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## Unreleased
 
+## Added
+
+- Added "tab" border style https://github.com/Textualize/textual/pull/5335
+
 ## Changed
 
 - Fixed Select not scrolling highlight in to view when clicked https://github.com/Textualize/textual/issues/5255

src/textual/_border.py

@@ -107,6 +107,11 @@
         ("▊", " ", "▎"),
         ("▊", "▁", "▎"),
     ),
+    "tab": (
+        ("▁", "▁", "▁"),
+        ("▎", " ", "▊"),
+        ("▔", "▔", "▔"),
+    ),
     "wide": (
         ("▁", "▁", "▁"),
         ("▎", " ", "▊"),
@@ -205,6 +210,11 @@
         (2, 0, 1),
         (2, 0, 1),
     ),
+    "tab": (
+        (1, 1, 1),
+        (0, 1, 3),
+        (1, 1, 1),
+    ),
     "wide": (
         (1, 1, 1),
         (0, 1, 3),
@@ -215,7 +225,10 @@
 # Some borders (such as panel) require that the title (and subtitle) be draw in reverse.
 # This is a mapping of the border type on to a tuple for the top and bottom borders, to indicate
 # reverse colors is required.
-BORDER_TITLE_FLIP: dict[str, tuple[bool, bool]] = {"panel": (True, False)}
+BORDER_TITLE_FLIP: dict[str, tuple[bool, bool]] = {
+    "panel": (True, False),
+    "tab": (True, True),
+}
 
 # In a similar fashion, we extract the border _label_ locations for easier access when
 # rendering a border label.
@@ -343,6 +356,7 @@ def render_border_label(
     cells_reserved = 2 * corners_needed
 
     text_label, label_style = label
+
     if not text_label.cell_len or width <= cells_reserved:
         return
 

src/textual/css/constants.py

@@ -22,6 +22,7 @@
     "round",
     "solid",
     "tall",
+    "tab",
     "thick",
     "vkey",
     "wide",

src/textual/css/types.py

@@ -24,6 +24,7 @@
     "hkey",
     "vkey",
     "tall",
+    "tab",
     "panel",
     "wide",
 ]

src/textual/widgets/_footer.py

@@ -47,12 +47,7 @@ class FooterKey(Widget):
         }
 
         &.-disabled {
-            text-style: dim;
-            &:hover {
-                .footer-key--key {
-                    background: $foreground-disabled;
-                }
-            }
+            text-style: dim;            
         }
 
         &.-compact {