From 42ef37b244ae010d432c489e07ea385f667c8f01 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fatih=20Y=C4=B1lmaz?= <60826916+Queaxtra@users.noreply.github.com> Date: Sun, 6 Apr 2025 01:32:13 +0300 Subject: [PATCH] feat: Add subdomain text truncation to prevent UI overlap (#443) Implements text truncation for long subdomain names in the instance list view to improve the UI layout and prevent text overlap with the toggle button. Changes: - Added text truncation logic for subdomains longer than 15 characters - Appends ellipsis (...) to indicate truncated text - Improves readability and prevents UI layout issues Before this change, long subdomain names could overlap with the power toggle button, causing poor user experience. Now, any subdomain longer than 15 characters will be truncated with an ellipsis, maintaining a clean and consistent layout while still indicating there's more text available. --- .../dashboard/src/routes/(app)/dashboard/InstanceList.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/dashboard/src/routes/(app)/dashboard/InstanceList.svelte b/packages/dashboard/src/routes/(app)/dashboard/InstanceList.svelte index cffb34ad..0b336b9e 100644 --- a/packages/dashboard/src/routes/(app)/dashboard/InstanceList.svelte +++ b/packages/dashboard/src/routes/(app)/dashboard/InstanceList.svelte @@ -31,7 +31,7 @@
- {instance.subdomain} + {instance.subdomain.length > 15 ? instance.subdomain.slice(0, 15) + '...' : instance.subdomain}