Merge pull request #11 from Textualize/fix-colors

fix for colors view

Author: willmcgugan

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "textual-dev"
-version = "1.1.0"
+version = "1.2.0"
 homepage = "https://github.com/Textualize/textual-dev"
 description = "Development tools for working with Textual"
 authors = ["Will McGugan <will@textualize.io>", "Dave Pearson <dave@textualize.io>"]
@@ -28,7 +28,7 @@ include = [
 
 [tool.poetry.dependencies]
 python = "^3.7"
-textual = ">=0.32.0"
+textual = ">=0.33.0"
 aiohttp = ">=3.8.1"
 click = ">=8.1.2"
 msgpack = ">=1.0.3"

src/textual_dev/previews/colors.css

@@ -18,7 +18,7 @@ ColorsView {
     align: center middle;
     overflow-x: auto;
     background: $background;
-    scrollbar-gutter: stable;
+    scrollbar-gutter: stable;    
 }
 
 ColorItem {
@@ -57,6 +57,10 @@ ColorGroup.-active {
     border: wide $secondary;
 }
 
+NamedColorsView {
+    height: 1fr;
+}
+
 .text {
     color: $text;
 }

src/textual_dev/previews/colors.py

@@ -32,7 +32,7 @@ class ColorsView(VerticalScroll):
     pass
 
 
-class ColorTabs(TabbedContent, inherit_css=False):
+class ColorTabs(TabbedContent):
     pass
 
 
@@ -79,15 +79,15 @@ class ColorsApp(App[None]):
     def compose(self) -> ComposeResult:
         yield Footer()
         with ColorTabs("Theme Colors", "Named Colors"):
-            yield Content(ThemeColorButtons())
-            yield Vertical(NamedColorsView())
+            yield Content(ThemeColorButtons(), id="theme")
+            yield NamedColorsView()
 
     def on_mount(self) -> None:
         self.call_after_refresh(self.update_view)
 
-    def update_view(self) -> None:
-        content = self.query_one("Content", Content)
-        content.mount(ThemeColorsView())
+    async def update_view(self) -> None:
+        content = self.query_one("#theme", Content)
+        await content.mount(ThemeColorsView())
 
     def on_button_pressed(self, event: Button.Pressed) -> None:
         self.query(ColorGroup).remove_class("-active")