From 4a62ed07e93b1db3478799d85895e791e6923bf8 Mon Sep 17 00:00:00 2001
From: fs <fs@breadcrumb-solutions.de>
Date: Sun, 5 Apr 2026 19:53:37 +0200
Subject: [PATCH] fix(helpdesk): prevent vertical text in table headers on
 narrow viewports
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add white-space:nowrap + overflow:hidden on th elements. Set min-width
on table so columns never shrink below readable size — scroll wrapper
handles the overflow.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 modules/helpdesk/web/css/helpdesk.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/modules/helpdesk/web/css/helpdesk.css b/modules/helpdesk/web/css/helpdesk.css
index 9727a30..f572b53 100644
--- a/modules/helpdesk/web/css/helpdesk.css
+++ b/modules/helpdesk/web/css/helpdesk.css
@@ -196,6 +196,7 @@
     border-spacing: 0;
     overflow: hidden;
     table-layout: fixed;
+    min-width: 50rem;
   }
 
   /* Column widths — consistent across all agent cards */
@@ -211,6 +212,9 @@
     padding: calc(var(--app-spacing) * 0.3) calc(var(--app-spacing) * 0.5);
     border-bottom: 1px solid var(--app-muted-border-color);
     background: color-mix(in srgb, var(--app-muted-border-color) 20%, transparent);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
   }
 
   .helpdesk-team-ticket-table td {