From 7a97d7425eee0bf05be288ab72bc827af83c81b3 Mon Sep 17 00:00:00 2001
From: Janis Hutz <development@janishutz.com>
Date: Thu, 15 May 2025 17:07:06 +0200
Subject: [PATCH] [Bar] Ellipsize too large text

---
 config/astal/components/bar/modules/Hyprland.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/config/astal/components/bar/modules/Hyprland.tsx b/config/astal/components/bar/modules/Hyprland.tsx
index 01ac80b..3e2179a 100644
--- a/config/astal/components/bar/modules/Hyprland.tsx
+++ b/config/astal/components/bar/modules/Hyprland.tsx
@@ -2,6 +2,7 @@ import AstalTray from "gi://AstalTray";
 import { bind, GObject } from "astal";
 import AstalHyprland from "gi://AstalHyprland";
 import { Gtk } from "astal/gtk4";
+import Pango from "gi://Pango?version=1.0";
 
 const hypr = AstalHyprland.get_default();
 const SYNC = GObject.BindingFlags.SYNC_CREATE;
@@ -105,7 +106,10 @@ const ActiveWindow = () => {
                     focused.as(
                         client =>
                             client && (
-                                <label label={bind(client, "title").as(String)} />
+                                <label
+                                    maxWidthChars={40}
+                                    ellipsize={Pango.EllipsizeMode.END}
+                                    label={bind(client, "title").as(String)} />
                             ),
                     )
                 }></button>
@@ -128,7 +132,7 @@ const WindowPopoverBox = () => {
                             <label label={bind(client, 'title')}></label>
                         </box>
                     }
-                    onClicked={() => client.focus()}
+                        onClicked={() => client.focus()}
                     ></button>
                 })
             })}