toolbar: Make mobile-friendly

1 files changed, 10 insertions, 2 deletions

diff --git a/browset.py b/browset.py
index 185fab0..c8e3300 100755
--- a/browset.py
+++ b/browset.py
@@ -2,8 +2,8 @@
 from textual.app import App, ComposeResult
 from textual.widgets import Input, Button, Static, Footer
 from textual.containers import Container
-from rich.markdown import Markdown
 from textual.binding import Binding
+from textual.events import Resize
 from mime.gemtext import Gemtext
 from mime.plaintext import Plaintext
 from mime.highlightedcode import HighlightedCode,mimetolexer
@@ -33,7 +33,7 @@ class Browset(App):
     def compose(self) -> ComposeResult:
         yield Footer()
         yield Container(
-            Button("🔙", variant='primary', name='back'), # ⏪
+            Button("🔙", variant='primary', name='back', classes='mobile'), # ⏪
             Button("🔝", name='../'), # ⏫
             Button("🔜", variant='primary', name='soon'), # ⏩
             Button("🔄", variant='primary', name='refresh'), # 🔁
@@ -59,6 +59,14 @@ class Browset(App):
             url = GeminiProtocol.relativeURL(url, self.url)
         self._do_url(url)
 
+
+    async def on_resize(self, event: Resize) -> None:
+      toolbar = self.query_one("#toolbar")
+      if event.size.width < 60:
+        toolbar.add_class('mobile')
+      else:
+        toolbar.remove_class('mobile')
+
     def action_back(self):
       if len(self.history):
         self.fistory.append(self.url)